slashfan

BUMP.

I mainly used the alignleft and alignright CSS codes on the hyperlinks at the bottom of my page (the one for page navigation) but I changed it already by using <div style=”float: left;”></div> and <div style=”float: right;”></div> since alignleft and alignright won’t work anymore.

If you check this page: http://myhj3313.dothome.co.kr/?page_id=638 the image at the bottom part is not centered but I used the code <img class=”aligncenter” src=”http://myhj3313.dothome.co.kr/wp-content/uploads/2014/08/fair_count_csm.png&#8221; alt=””> and it worked before but now, as I’ve said, it doesn’t work anymore. I’m really confused with what happened because it happened all of a sudden. I didn’t change any part of the align codes.

Thanks a lot for this one! Going to try it.

BUMP

responsive.css

/* All Responsive
================================================== */
	/*a#navigation-toggle { height: 55px; line-height: 55px; float: none; margin: 0; cursor: pointer; color: #fff; padding-left: 35px; font-weight: 600; position: relative; z-index: 9; text-decoration: none !important; display: none; }
	a#navigation-toggle .fa { margin-right: 10px; }
	#navigation-toggle { color: #fff; }
	#navigation-toggle:hover { color: #fff; }
	#sidr-main { position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; width: 320px; overflow-x: none; overflow-y: auto;font-size: 13px; background: #000; color: #fff; }
	#sidr-main { padding: 50px 30px 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
	.sidr.right { left: auto; right: -320px; }
	.sidr.left { left: -320px; right: auto; }
	#sidr-main a { color: #707070; }
	#sidr-main a:hover { color: #fff; }
	#sidr-main ul a { display: block; border-bottom: 1px solid #222; border-bottom: 1px solid rgba(255,255,255,0.15); padding: 8px 0; }
	#sidr-main ul li ul { margin-left: 0; margin: 0; }
	#sidr-main ul li ul li a { padding-left: 10px; }
	#sidr-main ul li ul li li a { padding-left: 20px; }
	#sidr-main ul li ul li li li a { padding-left: 30px; }
	#sidr-main ul li ul li a:before { content: '\f0da'; display: inline-block; -webkit-font-smoothing: antialiased; font-family: 'FontAwesome'; color: #333; margin-right: 10px; }
	.sidr-class-toggle-sidr-close:before { font-size: 16px; position: absolute; top: 15px; left: 30px; content: '\f00d'; font-family: 'FontAwesome'; color: #fff; margin: 0; }
@media only screen and (max-width: 959px) {
	a#navigation-toggle { display: block; }
	/*#site-navigation .sf-menu{ display: none; }*/
/*}*/
 /* Tablet (Portrait)
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container { max-width: 85%; }
	.left-content { width: 60%; }
	.sidebar-container { width: 36%; }
	.post-meta li { display: block; float: none; }
	.post-meta li .meta-seperator { display: none; }
	.portfolio-entry .overlay { display: none; }
	.portfolio-entry-media a:hover img { opacity: 0.8; }
	.search-entry { padding-left: 100px; min-height: 80px; }
	.search-entry-thumbnail { width: 80px; }
}

/* Mobile (Portrait & Landscape)
================================================== */
@media only screen and (max-width: 767px) {
	.container { max-width: 100%; width: 100%; }
	.sidebar-container,
	.left-content { width: 100%; }
	.sidebar-container {margin-top: 40px; padding-top: 40px; border-top: 10px solid #eee; }
	.col{ width: 100%; margin-left: 0; margin-bottom: 25px; }
	#wrap { margin-top: 0; margin-bottom: 0; }
	#header-search { clear: both; position: inherit; top: auto; right: auto; margin-top: 20px; }
	.portfolio-entry .overlay { display: none; }
	.portfolio-entry-media a:hover img { opacity: 0.8; }
	/*comments*/
	.comment-details { margin-left: 0; text-align: center; }
	.comment-details:after { display: none }
	.comment-avatar { display: inline-block; margin-bottom: 10px; position: inherit; top: auto; left: auto; }
	.comment-date { display: block }
	.comment-break { display: none }
	.comment-reply-link { display: block; padding-bottom: 10px; margin-bottom: 10px; }
	.children { margin: 30px 0 0 }
	.children li.depth-2, .children li.depth-3, .children li.depth-4, .children li.depth-5, .children li.depth-6, .children li.depth-7, .children li.depth-8, .children li.depth-9, .children li.depth-10 { margin: 0 }
	#footer-bottom-left, #footer-bottom-right { float: none; text-align: center; }
	#footer-bottom-right { margin-top: 20px }
	#portfolio-cats li { margin-bottom: 10px }
	.comment-meta .reply { margin-left: 0 }
	.comment-meta .reply a { margin-top: 10px }
}

/* Mobile (Landscape)
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.sidr { width: 480px; }
	.sidr.right { right: -480px; }
	.portfolio-entry.span_1_of_4 { width: 49.2%; margin-left: 1.6%; margin-bottom: 2%; }
	.portfolio-entry.span_1_of_4.count-1 { margin-left: 0; }
	.portfolio-entry.span_1_of_4.count-3 { clear: both; margin-left: 0; }
}
/* Mobile (Portrait only)
================================================== */
@media only screen and (max-width: 479px) {
	.search-entry { padding-left: 100px; min-height: 80px; }
	.search-entry-thumbnail { width: 80px; }
}

I was able to solve it eventually lol. haha.

2nd part of my post…

I’m also using another CSS file for my site since the original site uses this too on some pages:

body
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #f4f4f4;
	color:#666666;
}

td,br,p,input,div,layer,select,textarea
{
	font-size: 12px;
	font-family: "Verdana";
	line-height: 22px;
	color: #333333;
}
body {
	background-color: #FFFFFF;
	background-image: url(../images/main_bg.gif);
}
form {margin: 0;}
img {border:0;}

a:link {  color: #c00000; text-decoration: none}
a:visited {  color: #c00000; text-decoration: none}
a:active {  color: #c00000; text-decoration: none}
a:hover {  color: #c00000; text-decoration: underline}

.box { font: 12px "verdana";  border:#D6D6D6 1px solid;padding:0 0 0 4;}
.onInput3 { font: 12px "verdana";  border:1px solid #007fc1; padding:0 0 0 4;}
.offInput3 { font: 12px "verdana";  border:1px solid #D6D6D6; padding:0 0 0 4;}

.style1 {font-size: 11px}
.style2 {
	color: #0066cc;
	font-weight: bold;
	font-size: 14px;
}
.style3 {
	font-size: 12px;
	font-weight: bold;
	color: #b70309;
}
.style31 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.style4 {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
}
.style41 {
	font-size: 20px;
	font-weight: bold;
	color: #b00000;
}
.style42 {
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}

.white-small {
	font-size: 10px;
	/*font-weight: bold;*/
	color: #ffffff;
}

.black-small {
	font-size: 10px;
	/*font-weight: bold;*/
	color: #333333;
}

.style14 {color: #d90001; font-weight: bold; font-size: 12px;
}
.style001 {
	font-size: 11px;
	font-weight: bold;
	color: #ff6600;
}
.style002 {
	font-size: 14px;
	font-weight: bold;
	color: #ff6600;
}
.notice {font-size: 11px; color: #666666}
.notice a:link {font-size: 11px; color: #666666; text-decoration: none}
.notice a:visited {font-size: 11px; color: #666666; text-decoration: none}
.notice a:active {font-size: 11px; color: #666666; text-decoration: none}
.notice a:hover {font-size: 11px; color: #000000; text-decoration: underline}
.noticeDate {  font-size: 11px; color: #999999}

.loc {font-family: "tahoma"; font-size: 11px; line-height: 16px; color: #666666}
.loc a:link {font-family: "tahoma"; font-size: 11px; color: #666666; text-decoration: none}
.loc a:visited {font-family: "tahoma"; font-size: 11px; color: #666666; text-decoration: none}
.loc a:active {font-family: "tahoma"; font-size: 11px; color: #666666; text-decoration: none}
.loc a:hover {font-family: "tahoma"; font-size: 11px; color: #000000; text-decoration: underline}

.line14 {  line-height: 14px}
.line15 {  line-height: 15px}
.line16 {  line-height: 16px}
.line17 {  line-height: 17px}
.line19 {  line-height: 19px}

.txt666666_b {	font-weight: bold; color: #666666; text-decoration: none}
.txt666666_b a:link {	font-weight: bold; color: #666666; text-decoration: none}
.txt666666_b a:visited  {	font-weight: bold; color: #666666; text-decoration: none}
.txt666666_b a:active {	font-weight: bold; color: #666666; text-decoration: none}
.txt666666_b a:hover {	font-weight: bold; color: #000000; text-decoration: none}

.txt000000 {	color: #000000;}
.txtred {	color: #ff0000;}
.txt6974D0 {
	color: #6974D0;
}
.login {
	height: 20px;
	width: 120px;
	border: 1px solid #CCCCCC;
}

.text1 {
	BORDER-RIGHT: #d7d7d7 1px solid; BORDER-TOP: #d7d7d7 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 9pt; BORDER-LEFT: #d7d7d7 1px solid; COLOR: #666666; BORDER-BOTTOM: #d7d7d7 1px solid; FONT-FAMILY: tahoma; BACKGROUND-COLOR: #fafafa
}

.blue-bold {
/*	font-family: "Malgun Gothic";*/
	font-size: 12px;
	font-weight: bold;
	color: #06F;
}

.black-bold {
/*	font-family: "Malgun Gothic";*/
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.purple-bold {
/*	font-family: "Malgun Gothic";*/
	font-size: 12px;
	font-weight: bold;
	color: #6c2494;
}

.green-bold {
/*	font-family: "Malgun Gothic";*/
	font-size: 12px;
	font-weight: bold;
	color: #090;
}

.green-bold2 {
/*	font-family: "Malgun Gothic";*/
	font-size: 12px;
	font-weight: bold;
	color: #87c53e;
}

.red-bold {
/*	font-family: "Malgun Gothic";*/
	font-size: 12px;
	font-weight: bold;
	color: #C00;
}
.orange-bold {
/*	font-family: "Malgun Gothic";*/
	font-size: 12px;
	font-weight: bold;
	color: #F60;
}
.orange-bold2 {
/*	font-family: "Malgun Gothic";*/
	font-size: 12px;
	font-weight: bold;
	color: #f27920;
}
.orange-bold3 {
/*	font-family: "Malgun Gothic";*/
	font-size: 12px;
	font-weight: bold;
	color: #e04f00;
}
.dark-blue-bold {
/*	font-family: "Malgun Gothic";*/
	font-size: 12px;
	font-weight: bold;
	color: #036;
}

.gray-blue-bold {
	font-family: "Verdana";
	font-size: 13px;
	font-weight: bold;
	color: #007099;
}

.menu_on {
	/*font-family: "tahoma";*/
	font-family: "Verdana";
	font-size: 11px;
	font-weight: bold;
	color: #b00000;
}

.menu_off {
	/*font-family: "tahoma";*/
	font-family: "Verdana";
	font-size: 11px;
	/*font-weight: bold;*/
	color: #333333;
}

.menu_line {
border-bottom-width:1px;
border-bottom-color:#d0d0d0;
border-bottom-style:dotted;
}

.gray_blue_11 {
	color: #007099;
	/*font-weight: bold;*/
	font-size: 11px;
}

.td_border_top {
border-top-width:3px;
border-top-color:#666666;
border-top-style:solid;
/*border-bottom-width:1px;
border-bottom-color:#cccccc;
border-bottom-style:solid;*/
}

.td_border_body {
border-bottom-width:1px;
border-bottom-color:#cccccc;
border-bottom-style:solid;
}

.td_border_body_dot {
border-bottom-width:1px;
border-bottom-color:#d0d0d0;
border-bottom-style:dotted;
}

.td_border_bottom {
/*border-top-width:1px;
border-top-color:#cccccc;
border-top-style:solid;*/
border-bottom-width:3px;
border-bottom-color:#666666;
border-bottom-style:solid;
}

.mypage_menu_on {
border-top-width:2px;
border-top-color:#cccccc;
border-top-style:solid;

border-right-width:2px;
border-right-color:#cccccc;
border-right-style:solid;

border-left-width:2px;
border-left-color:#cccccc;
border-left-style:solid;

background-color: #FFFFFF;

font-size: 12px;
	font-weight: bold;
	color: #036;
}

.mypage_menu_off {
border-top-width:1px;
border-top-color:#cccccc;
border-top-style:solid;

border-right-width:1px;
border-right-color:#cccccc;
border-right-style:solid;

border-left-width:1px;
border-left-color:#cccccc;
border-left-style:solid;

border-bottom-width:1px;
border-bottom-color:#666666;
border-bottom-style:solid;

background-color: #f3f3f3;
}

.white_14 {
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

.gray_14 {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}

.mainpage_box {
border-right-width:1px;
border-right-color:#dbc6e5;
border-right-style:solid;

border-left-width:1px;
border-left-color:#dbc6e5;
border-left-style:solid;

border-bottom-width:1px;
border-bottom-color:#dbc6e5;
border-bottom-style:solid;

/* background-color: #f3f3f3; */
}

.mainpage_box_connector {
border-right-width:1px;
border-right-color:#785389;
border-right-style:solid;

border-left-width:1px;
border-left-color:#785389;
border-left-style:solid;

border-bottom-width:1px;
border-bottom-color:#785389;
border-bottom-style:solid;

/* background-color: #f3f3f3; */
}

.mainpage_box_special {
border-right-width:1px;
border-right-color:#7c7cdc;
border-right-style:solid;

border-left-width:1px;
border-left-color:#7c7cdc;
border-left-style:solid;

border-bottom-width:1px;
border-bottom-color:#7c7cdc;
border-bottom-style:solid;

/* background-color: #f3f3f3; */
}

.container { margin: 0 auto; width: 2000px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }