그림과 같이 로고위치를 잡으려면
실재 로고파일은 글자를 가운데 위치시키는 거이 아니라 위 이미지와 같이 위쪽과 촤측에 빈공간 여백을 줘야만 위 사진과 같은 자리에 로고 위치가 나옵니다.
그러다 보니 공간낭비도 있고 실재 로고에 다른 추가 문향 넣기위해 더 크게 만들수가 없습니다.
이걸 소스 코드로 정확히 가운데 위치하게 할 방법이 없나요...?
아래는 소스코드입니다.
Copy
<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"> <!--검색창 { --> <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> <!-- 검색창 } -->
|
답변 1개
채택된 답변
+20 포인트
leejiro
2015-12-21 (월) 18:09:47
<div class="navbar-header" style="padding-top:10px" >
<!-- 로고-->
<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" style="margin-bottom:10px"></a>
</div>
가장 간단한건.. padding 혹은 이미지에 margin을 주면 될 듯 합니다.
답변을 작성하려면 로그인이 필요합니다.