CSS help please

twister

twister

Howdy
I'm having a hell of a time here. What i want to do is have custom <UL>s and <LI>s. Easy enough. I have it using my image and indenting correctly, however i can't figure out how to edit the space between the <LI> graphic and the start of the text.

example:
-----
* my text
-----

you see that space between the dot and the m? In the code there is NO space and i can't get them any closer. :(

Can someone help me. I was looking at http://www.w3.org/TR/REC-CSS2/box.html#propdef-margin-bottom but no matter what i do to margins or padding i cant seem to get the text to touch the bullet.

Can anyone help?
 
Hmm...try out the CSS that takes the bullets away, then put the image and the text in the <li> tags. That will probably get rid of the space.

Something like

<ul>
<li><img src="bullet.gif">The text you want...</li>
</ul>

...that may do it.
 
I fixed it. It had nothing to do with the css. Bullets are x pixels big. Mine happened to be 4x6 pixels and so the left over space just wasn't used by anything, yet reserved for the bullet. So i made my bullet 10x10 which then took up more of that x amount of space and made it appear closer to the text.

Interesting enough no one tells me what size a bullet image should be.
 
You must log in or register to reply here.
Back
Top