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>

 

  • profile
    text-align:center 을 이용하면 대지 않을까요?
  • profile ?
    답변감사합니다. 정확히 어느부분에 넣으면 될까요?
  • ? profile
    .h1_mid {float: left;} -> .h1_mid {float:center;}
    이게 안대면
    .h1_mid {float: left;} -> .h1_mid {float:left; text-align:center;}

    로 해보시길 바랍니다~

    안대면 댓글 주세요!
  • profile ?
    첫번째 알려주신건 레이아웃 로고 부분에 상단 메뉴는 아래로 내려가고 로고는 그대로 왼쪽에 있네요
    두번째 알려주신건 아무반응이 없고요 ㅠ
  • ? profile
    음 그런가요?? 주소좀 주세요
  • profile ?
    쪽지드렸습니다
  • ? profile
    음 그 검색창 없어지셔도 되나요??
  • ?
    로고부분css가 6번째줄에 정의되어있는거 같습니다.
    .h1_top {position: absolute; left: 0; top: 0;} 요기부분을 수정해보세요
  • ? ?
    아무 반응이 없네요 ㅠ 제작자분께서는 css와 레이아웃 html을 수정해야 한다고 하셨는데 저도 잘 모르겠네요 ㅠ
  • ?

    layout.html 파일에서 8번째줄 <h1>태그 삭제후, div태그에 align="center" 를 추가해보세요...

  • ? ?
    반응이 없네요 ㅠㅠ 혹시 메일 알려주시면 레이아웃을 보내드릴 수 있을텐데 좀 살펴봐 주실 수 있으실까요
  • ? ?
    쪽지 드렸습니다.