PDA

View Full Version : list item margin problem



Mirror_Image
Apr 20th, 2009, 08:56 AM
i have this code


<ul>

<li> <img src="images/partydetails/step1.png" /> </li>
<li> <img src="images/partydetails/step2-0.png" /> </li>
<!--<li> <img src="images/partydetails/step3-0.png" /> </li> -->

</ul>


If i use only one list item , them everything is ok , but if i use second list item , then a margin of 3px appears on the botton of every image.


#partyTabs ul li {



display: inline;
padding:0px;




}

abduraooft
Apr 20th, 2009, 09:18 AM
Try adding

li img{
float:left;
} into your CSS. It might be that mysterious gap (https://developer.mozilla.org/en/images,_tables,_and_mysterious_gaps)!