html - How to add a logo to navigation bar -


hello i'm trying add logo navigation bar using html , css have managed image loaded on nav bar way big seen in picture.

    <div class="nav">     <div class="container">         <ul class="pull-left">             <img src="images/test.png">             <li><a href="index.html">home</a></li>             <li><a href="#">how to</a></li>         </ul>         <ul class="pull-right">             <li><a href="#">sign up</a></li>             <li><a href="#">log in</a></li>             <li><a href="#">help</a></li>         </ul>          <div class="clear"></div>     </div> </div> 

well, there several options. first resize image of editors photoshop , others. second set image width , height via css:

.pull-left img {     display: block;     width: 30px; /* here put width */     height: 30px; /* here put height */ } 

but if logo image not going scale it's initial size according design , media queries, should take first approach. reduce file size well.


Comments

Popular posts from this blog

routing - AngularJS State management ->load multiple states in one page -

python - GRASS parser() error -

Swift game error message -