테스트 사이트 - 개발 중인 베타 버전입니다

이미지 로고 위치 중앙에 잡는 법..? 채택완료

재회 9년 전 조회 6,990

 

 

그림과 같이 로고위치를 잡으려면

실재 로고파일은 글자를 가운데 위치시키는 거이 아니라 위 이미지와 같이 위쪽과 촤측에 빈공간 여백을 줘야만 위 사진과 같은 자리에 로고 위치가 나옵니다.

그러다 보니 공간낭비도 있고 실재 로고에 다른 추가 문향 넣기위해 더 크게 만들수가 없습니다.

이걸 소스 코드로 정확히 가운데 위치하게 할 방법이 없나요...?

 

아래는 소스코드입니다.

 

</p><p><nav class="navbar navbar-fixed-top header">
  <div class="col-md-12">
        <div class="navbar-header">
          
        <!-- 로고-->
        <a href="<?=$g4['path']?>/" class="pull-left btn btn-default tooltip-bottom" title="홈으로" style="padding: 0px 0px; border-color:#ffffff;"><img src="<?=$g4['path']?>/img/logo.png"></a>

        </div>
        <div class="collapse navbar-collapse" id="navbar-collapse1"></p><p>  <!--검색창 { -->
    <form  class="navbar-form pull-left" role="search" method="get" onsubmit="return fsearchbox_submit(this);">
    <input type="hidden" name="sfl" value="wr_subject||wr_content">
    <input type="hidden" name="sop" value="and">
       <div class="input-group">
       <input type="text" class="form-control tooltip-bottom" title="2단어 이상 검색하세요" placeholder="Search" name="stx" id="stx" maxlength="20" value="<?=$stx;?>">
    <label for="stx" class="sr-only">search</label>
                <div class="input-group-btn">
                  <button class="btn btn-default btn-primary" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                </div>
    </div>
    </form>
    <!-- 검색창 } --></p><p>
 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
l
9년 전
가장 간단한건..  padding 혹은 이미지에 margin을 주면 될 듯 합니다. 
로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인