Forum Moderators: not2easy

Message Too Old, No Replies

li line height?

li css directives

         

Matthew1980

4:49 pm on Jun 1, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi everyone at webmaster world,

I would like to know how to 'line-up' an image that i have setup for use instead of default bullits. The text appears around 10px lower that that of the bullit image, I used the line-height attribute but it increases the gap between the seperate li tags.

Thanks in advance

Matthew

dreamcatcher

6:21 pm on Jun 1, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Add the image as a background image. Not as a direct link.

<li><span>Text</span></li>

li span {
padding-left:20px;
background:url(image.gif) no-repeat left center;
}

dc

Matthew1980

7:25 pm on Jun 2, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Cheers DC,

I will give that a try!

Matthew