css - IE6 <li> images pushing down to next line -
i have basic top nav area:
ul#topnav { margin:0; list-style-type:none; width:400px; font-weight:bold; padding:0; float:left; } ul#topnav li { display: inline; padding:0 3px; margin:0; float:left; } ul#topnav li a, ul#topnav li a:link, ul#topnav li a:active { text-decoration: none; padding:0; margin:0; font-size:11px; }
the html follows:
<ul id="topnav"> <li><a href="#">home</a></li> <li><a href="#">contact us</a></li> <li><a href="#">community</a></li> <%if session("id") <> "" %> <li><%response.write(hometopmenuwelcomemessage) %></li> <li><a href="#">log out</a></li> <%end if %> <li><a href="#"><img src="/_images/fb-icon.jpg" alt="facebook icon" /></a></li> <li><a href="#"><img src="/_images/tw-icon.jpg" alt="twitter icon" /></a></li> </ul>
and life of me, can not social media images stay inline rest of list items... have tried explicitly floating them right, display:block... nothing...
am missing something?
i know ie6 sucks, screwing rest of pages , way layout...
thanks
can put in fiddle? makes realistic community jump in , debug problem. first guess expand width of ul#topnav. no need li items floated left , display inline, inline.
Comments
Post a Comment