css - Html: image going to new line when resizing page -
i making header on html page in have image aligned left of page , image aligned right. want there center background color white when enlarge page horizontally, , center white section minimize nothing when shrink page horizontally. image on right should cut of right page shrinks.
the main problem i'm having image on right goes down below left image when shrink page. how can fix this? center section isn't white well.
html:
<div class="navlogo"> <div class="left"> <img src="weir-logo.jpg"> </div> <div class="right"> <img src="compass.jpg" /> </div> </div> css:
.navlogo { width:100%; background-color: white; } .navlogo .left { float:left; } .navlogo .right { float:right; }
i go turnip's answer, here's option variety, if tables:
<table style="width:100%;background-color:white"> <tr> <td align="left"> <img src="weir-logo.jpg"> </td> <td></td> <td align="right"> <img src="compass.jpg" /> </td> </tr> </table> 
Comments
Post a Comment