로고 정렬 문의합니다.

로고 정렬 문의합니다.

QA

로고 정렬 문의합니다.

본문

bd5bb78e6df460ffc068ed6edf326207_1505818499_8405.png 


                      <ul class="nav navbar-nav">
<a href="{C.G5_URL}">
<div padding:0  margin:0 >
<img src="../image/foodie1.png" align="left" alt="{config.cf_title} Foodie.kr">
</div>
</a>
       <li>
                                 <a href="{C.G5_URL}"><i class="fa fa-navicon nav-icon-pre hidden-xs hidden-sm"></i>홈</a>
                             </li>
                             <li class="nav-li-divider">|</li>
                          <!--{@ menu}-->
                          <li class="{? .active}active{/} {? menu.submenu}dropdown{/}">
                              <a href="{.me_link}" target="_{.me_target}" class="dropdown-toggle" {? C.G5_IS_MOBILE && menu.submenu}data-toggle="dropdown"{:}data-hover="dropdown"{/}>
                                  <!--{? .me_icon}--><i class="fa {.me_icon}"></i> <!--{/}-->{.me_name}
                              </a>
         <!--{@ submenu}-->
                     <!--{? ..index_ == 0}-->
                              <ul class="dropdown-menu">
                              <!--{/}-->
                                  <li class="dropdown-submenu {? ..active}active{/}">
                                      <a href="{..me_link}" target="_{..me_target}"><!--{? ..me_icon}--><i class="fa {..me_icon}"></i> <!--{/}-->{..me_name}<!--{? ..new}--> <i class="fa fa-check-circle color-red margin-left-5"></i><!--{/}--><!--{? ..sub=='on'}--><i class="fa fa-angle-right sub-caret hidden-sm hidden-xs"></i><i class="fa fa-angle-down sub-caret hidden-md hidden-lg"></i><!--{/}--></a>
           <!--{@ subsub}-->
           <!--{? ...index_ == 0}-->
                                      <ul class="dropdown-menu">
                                      <!--{/}-->
                                          <li class="dropdown-submenu {? ...active}active{/}">
                                              <a href="{...me_link}" target="_{...me_target}"><!--{? ...me_icon}--><i class="fa {...me_icon}"></i> <!--{/}-->{...me_name}<!--{? ...new}--> <i class="fa fa-check-circle color-red margin-left-5"></i><!--{/}--><!--{? ...sub=='on'}--><i class="fa fa-angle-right sub-caret hidden-sm hidden-xs"></i><i class="fa fa-angle-down sub-caret hidden-md hidden-lg"></i><!--{/}--></a>
                                          </li>
                                      <!--{? ...index_ == ...size_-1}-->
                                      </ul>



메뉴안에 들어가 있는 로고를 왼쪽으로 정렬해서 보기좋게 하려고 하는데 잘 안돼서 질문합니다.


이 질문에 댓글 쓰기 :

답변 2

로고에 float:left 하면 왼쪽으로 가지 않을까요?

혹, 안 되면, 아래 게시물들 참고해 보세요.

https://homzzang.com/b/css?sfl=wr_subject%7C%7Cwr_content&stx=%EC%99%BC%EC%AA%BD+%EC%A0%95%EB%A0%AC&sop=and

.header-nav .navbar {position:relative;width:100%;z-index:99;background-color:#fff;border-top:0;border-bottom:1px solid #d0d0d0;white-space:nowrap;height:60px}
.header-nav .container > .navbar-header, .header-nav .container-fluid > .navbar-header {margin-bottom:-10px}
.header-nav .navbar-nav {position:relative;float:none;display:flex;justify-content:left}


css 에서 왼쪽으로 수정하니 되네요.^^
그래도 삽질의 끝이 좋네요....

잘 안되네요.

혹시 이미지 크기때문인가요?

180/ 63인데요

정렬과 이미지 크기는 무관할 것 같은데요.
자세한 상담을 원하시면 
사이트 좌표와  변경 후 모습이 담긴 이미지를 올려보세요.
어떤 모습으로 바뀌었으면 하는지...

답변을 작성하시기 전에 로그인 해주세요.
전체 9
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT