빌더 중앙정렬..
탑빌더에. css 메뉴를 적용하니 크롬에서 중앙정렬되지 않습니다..
별별 방법은다써본듯한데.. 어떤식으로 적용해야할까요??
아래는 상단 파일 소스입니다.
<html xmlns="http://www.w3.org/1999/xhtml">
<style type="text/css">
#tbuilder_top { clear:both; height:21px; background-color:#F4F6F6; border-bottom:1px solid #DFE2E3; overflow:hidden; }
#tbuilder_top .sec { color:#797D7F; font-size:9px; font-family:dotum; letter-spacing:-1px; }
#tbuilder_top_right { float:right; padding-right:10px; padding-top:2px; }
#tbuilder_top_right a:hover, #tbuilder_top_right a:link, #tbuilder_top_right a:visited, #tbuilder_top_right a:active { color:#797D7F; font-family:dotum; }
#tbuilder_topmenu {position:relative; width:100%; height:90px; background:url(<?=$topmenu_skin_path;?>/img/bg_gnb_middle.gif) repeat-x;}
#tbuilder_topmenu * {margin:0; padding:0;}
#tbuilder_topmenu span.bgLeft {display:block; float:left; width:12px; height:84px; overflow:hidden; background:url(<?=$topmenu_skin_path;?>/img/bg_gnb_left.gif) no-repeat;}
#tbuilder_topmenu span.bgRight {display:block; float:right; width:12px; height:84px; overflow:hidden; background:url(<?=$topmenu_skin_path;?>/img/bg_gnb_right.gif) no-repeat;}
#tbuilder_topmenu ul {display:inline; float:left; margin:12px 0 0 30px;}
#tbuilder_topmenu ul li {list-style:none; display:inline; font-size:12px;}
#search-button {
width:50px;
height:35px;
border:1px solid #5997D3; /* total color */
background-color:#5997D3; /* total color */
color:#fff;
font-weight:bold;
</style>
<div id="tbuilder_top">
<div id="tbuilder_top_right">
<a href="javascript:bookmark('<?=$config['cf_title']?>', 'http://'+location.host)">즐겨찾기</a> <span class="sec">:</span>
<a href="<?=$g4['path']?>/bbs/company_point.php">포인트정책</a> <span class="sec">:</span>
<a href="<?=$g4['path']?>/bbs/online.php">온라인문의</a> <span class="sec">:</span>
<a href="<?=$g4['bbs_path']?>/current_connect.php">현재접속자</a> <span class="sec">:</span>
<a href="<?=$g4['bbs_path']?>/new.php">최근게시물</a> <span class="sec">:</span>
<a href="<?=$g4['bbs_path']?>/mypage.php">마이페이지</a> <span class="sec">:</span>
<a href="<?=$g4['bbs_path']?>/attendance.php">출첵</a>
</div>
</div>
<!-- 중앙검색창 -->
<div style="padding-left:550px; margin-top:30;">
<form name=fsearch action="<?=$g4[bbs_path]?>/search.php">
<input type="hidden" name="sfl" value="wr_subject||wr_content">
<input type=text size=35 name=stx style="border:5px solid #5997D3; height:35px; font-size:15px; font-weight:bold; padding:5px; ime-mode:active;">
<input type=submit value="검색" class="search-button">
</form></div>
<?include_once("$g4[path]/top_menu03.php");?>
별별 방법은다써본듯한데.. 어떤식으로 적용해야할까요??
아래는 상단 파일 소스입니다.
<html xmlns="http://www.w3.org/1999/xhtml">
<style type="text/css">
#tbuilder_top { clear:both; height:21px; background-color:#F4F6F6; border-bottom:1px solid #DFE2E3; overflow:hidden; }
#tbuilder_top .sec { color:#797D7F; font-size:9px; font-family:dotum; letter-spacing:-1px; }
#tbuilder_top_right { float:right; padding-right:10px; padding-top:2px; }
#tbuilder_top_right a:hover, #tbuilder_top_right a:link, #tbuilder_top_right a:visited, #tbuilder_top_right a:active { color:#797D7F; font-family:dotum; }
#tbuilder_topmenu {position:relative; width:100%; height:90px; background:url(<?=$topmenu_skin_path;?>/img/bg_gnb_middle.gif) repeat-x;}
#tbuilder_topmenu * {margin:0; padding:0;}
#tbuilder_topmenu span.bgLeft {display:block; float:left; width:12px; height:84px; overflow:hidden; background:url(<?=$topmenu_skin_path;?>/img/bg_gnb_left.gif) no-repeat;}
#tbuilder_topmenu span.bgRight {display:block; float:right; width:12px; height:84px; overflow:hidden; background:url(<?=$topmenu_skin_path;?>/img/bg_gnb_right.gif) no-repeat;}
#tbuilder_topmenu ul {display:inline; float:left; margin:12px 0 0 30px;}
#tbuilder_topmenu ul li {list-style:none; display:inline; font-size:12px;}
#search-button {
width:50px;
height:35px;
border:1px solid #5997D3; /* total color */
background-color:#5997D3; /* total color */
color:#fff;
font-weight:bold;
</style>
<div id="tbuilder_top">
<div id="tbuilder_top_right">
<a href="javascript:bookmark('<?=$config['cf_title']?>', 'http://'+location.host)">즐겨찾기</a> <span class="sec">:</span>
<a href="<?=$g4['path']?>/bbs/company_point.php">포인트정책</a> <span class="sec">:</span>
<a href="<?=$g4['path']?>/bbs/online.php">온라인문의</a> <span class="sec">:</span>
<a href="<?=$g4['bbs_path']?>/current_connect.php">현재접속자</a> <span class="sec">:</span>
<a href="<?=$g4['bbs_path']?>/new.php">최근게시물</a> <span class="sec">:</span>
<a href="<?=$g4['bbs_path']?>/mypage.php">마이페이지</a> <span class="sec">:</span>
<a href="<?=$g4['bbs_path']?>/attendance.php">출첵</a>
</div>
</div>
<!-- 중앙검색창 -->
<div style="padding-left:550px; margin-top:30;">
<form name=fsearch action="<?=$g4[bbs_path]?>/search.php">
<input type="hidden" name="sfl" value="wr_subject||wr_content">
<input type=text size=35 name=stx style="border:5px solid #5997D3; height:35px; font-size:15px; font-weight:bold; padding:5px; ime-mode:active;">
<input type=submit value="검색" class="search-button">
</form></div>
<?include_once("$g4[path]/top_menu03.php");?>
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 5개
메뉴 관련 css 를 살펴 보시기 바랍니다.
css에서 메뉴부분을 div로 한번 더 감싸고 중앙정렬을 해보시는것도....
파폭에서 보면
예를 들어 top을 본다면
#tbuilder_top { clear:both; height:21px; background-color:#F4F6F6; border-bottom:1px solid #DFE2E3; overflow:hidden; }
clear:both; overflow:hidden; <=이런것들은 불필요한것들입니다.
굳이 top에 쓸 이유도 없구요.
빠진부분이 있다면 margin값을 이용하여 중앙정렬이 되게끔..
또한 과도한 fliat사용..
그리고 전체 중앙정렬을 하려면 #wrapper로 전체를 감싸준 다음 margin:0px auto;로 중앙정렬을 유도하던지 해야하는데 현제 위 소스만으론 아무것도 되지 않습니다.
자세한 사항은 css파일을 올려주세요.
저도 해결하려고 노력하고 있습니다.
탑빌더 스킨에서
<!-- 중앙검색창 -->
<form name=fsearch action="<?=$g4[bbs_path]?>/search.php">
<input type="hidden" name="sfl" value="wr_subject||wr_content">
<input type=text size=35 name=stx style="border:5px solid #5997D3; height:35px; font-size:15px; font-weight:bold; padding:5px; ime-mode:active;">
<input type=submit value="검색" class="search-button">
</form></div>
<?include_once("$g4[path]/top_menu03.php");?></div>
</div> <=부분이 없네요.닫는 부분만 2군대 있는데.
id던지 크레스 부분이던지 선언해주는곳이 없네요.
아니면 다른곳에 인크루 되던지..
현제상으론 닫는 부분만 있기때문에 검색부분은 틀러질수 밖에 없습니다.
음...혹 네이트온 가능하시다면 ara69입니다.