Spacing under images in ul li

@Big_O_1_Feb 18.2011 — #why are you using a table to implement a menu? Just use a list of lists and make them floated block elements. Or inline-block if you don't care about IE.

@nater51authorFeb 18.2011 — #@Big O(1)

When I take them out of the table and display them as inline-blocks I get spacing all around now, not just the bottom anymore.

padding and margins don't eliminate the spacing.

@nater51authorFeb 19.2011 — #I finally got things sorted out and they are working better now. Chrome is right on the money, but IE9 is now displaying the images with space between them.

This is my new code.

[CODE]<ul id="nav">
 <li><a href="#"><img src="../../images/global/header/home_btn.jpg" width="77" height="29" border="0" /></a>
 <ul>
 <li><a href="#" style="color:#000;">About Asthma</a></li>
 <li><a href="#" style="color:#000;">Treatment</a></li>
 <li><a href="#" style="color:#000;">Taking Control</a></li>
 <li><a href="#" style="color:#000;">Lifestyle</a></li>
 <li><a href="#" style="color:#000;">Resources & Support</a></li>
 </ul></li>
 <li><img src="../../images/global/header/spacer01.jpg" width="17" height="29" border="0" /></li>
 <li><a href="#"><img src="../../images/global/header/kids_btn.jpg" width="66" height="29" border="0" /></a></li>
 <li><img src="../../images/global/header/spacer01.jpg" width="17" height="29" border="0" /></li>
 <li><a href="#"><img src="../../images/global/header/allergy_btn.jpg" width="67" height="29" border="0" /></a></li>
 <li><img src="../../images/global/header/spacer01.jpg" width="17" height="29" border="0" /></li>
 </ul></li></ul>[/CODE]

Spacing under images in ul li

3 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

Spacing under images in ul li

3 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

3 Comments(s) _↴

Also in #CSS _↴