Welcome to WebmasterWorld Guest from 174.129.151.95

Forum Moderators: not2easy

Message Too Old, No Replies

CSS & <li>

the space

   
4:55 pm on Oct 24, 2002 (gmt 0)

WebmasterWorld Senior Member lorax is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month



I know I saw someone ask this question but I'll be damned if I can find it now that I need it!

I'm looking to control the space in between the bullet created by <li> and the beginning of the string.

5:10 pm on Oct 24, 2002 (gmt 0)

10+ Year Member



It was here:
[webmasterworld.com...]

I was asking the same question!

5:13 pm on Oct 24, 2002 (gmt 0)

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member



<added>It sounds like this is a different quetion to me. You're asking about space between the bullet and the following text, right? Not spacing between the various list items</added>

If you're using the default bullet, that's something each browser does differently. You can have some control by using list-style-image:url(mybullet.gif) and creating your own custom bullet.

However, there are such cross-browser inconsistencies that the best bet when tight control is desired might be to avoid the built-in list function. You can get the exact effect you want by imitating a "true" list with a class for <p> or <div> which declares the exact indent you want, places the bullet and then follows it with exactly the amount of space you need.

5:25 pm on Oct 24, 2002 (gmt 0)

WebmasterWorld Senior Member lorax is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month



You're asking about space between the bullet and the following text, right? Not spacing between the various list items

Precisely.

<added>Would you still suggest making my own custom list using CSS?</added>