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;}
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>