cozy 홈 레이아웃을 사용하고 있습니다.
제작자분께 여쭤봤지만 html과 css를 수정해야 한다는 답변만 받은 상태입니다.
수정해보려고 left: 455px; 를 추가하여 로고는 중앙으로 옮길수가 있었는데 로고와 같은 위치에 있는 상단메뉴가
왼쪽으로 455px만큼 옮겨져 버리네요 ㅠ
도움이 필요합니다 제가 생각하는 해당 css 부분과 html을 올립니다
cozy 홈 css
/* header */
.header_wrap {background-color: #eeeeee;}
.header {position: relative; padding: 20px 0; width: 1000px; vertical-align: middle; text-align: right;}
.h1_mid {float: left;}
.h1_mid>div {display: table-cell; vertical-align: middle;}
.h1_top {position: absolute; left: 0; top: 0;}
.h1_bottom {position: absolute; left: 0; bottom: 0; font-size: 0;}
.h1_bottom span {font-size: 18px;}
.h1_mid span,
.h1_mid img {vertical-align: middle;}
#top_menu {float: right;}
#top_menu ul {display: table-cell; vertical-align: middle;}
#top_menu li {display: inline-block; position: relative; margin-left: 15px; vertical-align: middle;}
.global_search_mid {position: absolute; left: 50%; margin-left: -126px;}
.global_search_mid form {display: table-cell; vertical-align: middle;}
.global_search_mid input {padding: 0 10px; width: 180px; height: 25px; line-height: 25px; vertical-align: middle;}
.global_search_mid button {display: inline-block; padding: 0 10px; height: 31px; line-height: 31px; color: #FFF; vertical-align: middle;}
.search_dummy {position: absolute; left:0; top: 0; background-color: #FFF; opacity: 0.8; z-index: 50;}
.global_search_top {display: none;}
.header_wrap {background-color: #eeeeee;}
.header {position: relative; padding: 20px 0; width: 1000px; vertical-align: middle; text-align: right;}
.h1_mid {float: left;}
.h1_mid>div {display: table-cell; vertical-align: middle;}
.h1_top {position: absolute; left: 0; top: 0;}
.h1_bottom {position: absolute; left: 0; bottom: 0; font-size: 0;}
.h1_bottom span {font-size: 18px;}
.h1_mid span,
.h1_mid img {vertical-align: middle;}
#top_menu {float: right;}
#top_menu ul {display: table-cell; vertical-align: middle;}
#top_menu li {display: inline-block; position: relative; margin-left: 15px; vertical-align: middle;}
.global_search_mid {position: absolute; left: 50%; margin-left: -126px;}
.global_search_mid form {display: table-cell; vertical-align: middle;}
.global_search_mid input {padding: 0 10px; width: 180px; height: 25px; line-height: 25px; vertical-align: middle;}
.global_search_mid button {display: inline-block; padding: 0 10px; height: 31px; line-height: 31px; color: #FFF; vertical-align: middle;}
.search_dummy {position: absolute; left:0; top: 0; background-color: #FFF; opacity: 0.8; z-index: 50;}
.global_search_top {display: none;}
cozy 홈 layout.html
<header id="header" class="header clearfix<!--@if($li->header_type == ver)--> header_ver<!--@else--> header_hor<!--@end-->" style="padding: 0;"|cond="$li->header_height">
<!--@if($li->logo_position == top || $li->logo_position == bottom)-->
<h1 class="<!--@if($li->logo_position == top)-->h1_top<!--@else-->h1_bottom<!--@end-->"><a href="{$li->site_url}"><!--@if($li->logo_image)--><img src="{$li->logo_image}" alt="{$li->site_name}" /><!--@else--><span>{$li->site_name}</span><!--@end--><img src="/images/logo.png" alt="cozy home" cond="!$li->logo_image && !$li->site_name" /></a></h1>
<!--@else-->
<h1 class="h1_mid"><div style="height: {$h_height}px"><a href="{$li->site_url}"><!--@if($li->logo_image)--><img src="{$li->logo_image}" alt="{$li->site_name}" /><!--@else--><span>{$li->site_name}</span><!--@end--><img src="/images/logo.png" alt="cozy home" cond="!$li->logo_image && !$li->site_name" /></a></div></h1>
<!--@end-->
<section id="global_search" class="global_search_mid<!--@if($li->search_type == top)--> global_search_top<!--@end-->" cond="$li->search_type == top || $li->search_type == mid">
<h1 class="hide">{$lang->cmd_search}</h1>
<form action="{getUrl()}" method="post" style="height: {$h_height}px">
<input type="hidden" name="vid" value="{$vid}" />
<input type="hidden" name="mid" value="{$mid}" />
<input type="hidden" name="act" value="IS" />
<input type="hidden" name="search_target" value="title_content" />
<input name="is_keyword" type="text" title="{$lang->cmd_search}" class="in_global_search" accesskey="S" />
<button type="submit"><span>{$lang->cmd_search}</span></button>
</form>
</section>
<div id="top_menu">
<ul style="height: {$h_height}px">
<li loop="$top_menu->list=>$key4,$val4"><a href="{$val4['href']}" target="_blank"|cond="$val4['open_window']=='Y'">{$val4['link']}</a></li>
<!--@if($li->login_type == top)-->
<!--@if(!$is_logged)-->
<li><a href="{getUrl('act','dispMemberSignUpForm')}">{$lang->cmd_signup}</a></li>
<li><a href="{getUrl('act','dispMemberLoginForm')}">{$lang->cmd_login}</a></li>
<!--@else-->
<li><a href="{getUrl('act','dispMemberInfo','member_srl',$logged_info->member_srl)}">{$lang->member_info}</a></li>
<li><a href="{getUrl('act','dispMemberLogout')}">{$lang->cmd_logout}</a></li>
<li cond="$logged_info->is_admin=='Y'"><a href="{getUrl('','module','admin')}" target="_blank" class="admin">[관리]</a></li>
<!--@end-->
<!--@end-->
<li cond="$li->search_type == top"><button class="bt_global_search_top"><span><img src="/images/icn_search.png" alt="{$lang->cmd_search}" /></span></button></li>
</ul>
</div><!--//top_menu-->
</header>
<!--@if($li->logo_position == top || $li->logo_position == bottom)-->
<h1 class="<!--@if($li->logo_position == top)-->h1_top<!--@else-->h1_bottom<!--@end-->"><a href="{$li->site_url}"><!--@if($li->logo_image)--><img src="{$li->logo_image}" alt="{$li->site_name}" /><!--@else--><span>{$li->site_name}</span><!--@end--><img src="/images/logo.png" alt="cozy home" cond="!$li->logo_image && !$li->site_name" /></a></h1>
<!--@else-->
<h1 class="h1_mid"><div style="height: {$h_height}px"><a href="{$li->site_url}"><!--@if($li->logo_image)--><img src="{$li->logo_image}" alt="{$li->site_name}" /><!--@else--><span>{$li->site_name}</span><!--@end--><img src="/images/logo.png" alt="cozy home" cond="!$li->logo_image && !$li->site_name" /></a></div></h1>
<!--@end-->
<section id="global_search" class="global_search_mid<!--@if($li->search_type == top)--> global_search_top<!--@end-->" cond="$li->search_type == top || $li->search_type == mid">
<h1 class="hide">{$lang->cmd_search}</h1>
<form action="{getUrl()}" method="post" style="height: {$h_height}px">
<input type="hidden" name="vid" value="{$vid}" />
<input type="hidden" name="mid" value="{$mid}" />
<input type="hidden" name="act" value="IS" />
<input type="hidden" name="search_target" value="title_content" />
<input name="is_keyword" type="text" title="{$lang->cmd_search}" class="in_global_search" accesskey="S" />
<button type="submit"><span>{$lang->cmd_search}</span></button>
</form>
</section>
<div id="top_menu">
<ul style="height: {$h_height}px">
<li loop="$top_menu->list=>$key4,$val4"><a href="{$val4['href']}" target="_blank"|cond="$val4['open_window']=='Y'">{$val4['link']}</a></li>
<!--@if($li->login_type == top)-->
<!--@if(!$is_logged)-->
<li><a href="{getUrl('act','dispMemberSignUpForm')}">{$lang->cmd_signup}</a></li>
<li><a href="{getUrl('act','dispMemberLoginForm')}">{$lang->cmd_login}</a></li>
<!--@else-->
<li><a href="{getUrl('act','dispMemberInfo','member_srl',$logged_info->member_srl)}">{$lang->member_info}</a></li>
<li><a href="{getUrl('act','dispMemberLogout')}">{$lang->cmd_logout}</a></li>
<li cond="$logged_info->is_admin=='Y'"><a href="{getUrl('','module','admin')}" target="_blank" class="admin">[관리]</a></li>
<!--@end-->
<!--@end-->
<li cond="$li->search_type == top"><button class="bt_global_search_top"><span><img src="/images/icn_search.png" alt="{$lang->cmd_search}" /></span></button></li>
</ul>
</div><!--//top_menu-->
</header>
댓글 12
이게 안대면
.h1_mid {float: left;} -> .h1_mid {float:left; text-align:center;}
로 해보시길 바랍니다~
안대면 댓글 주세요!
두번째 알려주신건 아무반응이 없고요 ㅠ
.h1_top {position: absolute; left: 0; top: 0;} 요기부분을 수정해보세요
layout.html 파일에서 8번째줄 <h1>태그 삭제후, div태그에 align="center" 를 추가해보세요...