CSS Ordered List

[newseed]

I haven't found a solution for this but when you use bulleted list, it's easy to use an image as a background for the list-style and position it to wherever you like but my dilemma is that I want to get the text and the nurmeric value to be closer together.

 

1. Content here I want to close the gap between 1. and Content her.

 

Sure I could create an image for each number but then would be senseless to use orderded list.

[Wickham]

I have experimented with a span tag inside the li tag and a class on the li tag, both attempting to reposition the li tag further left, but it doesn't work. The spacing is obviously a browser default.

[PicnicTutorials]

Hi Eddie,

 

I recently asked the exact same question over at Sitepoint. I never tried the solution, but suppossidly it works. There may be an IE6 bug to deal with from the sounds of it. Here is my question/solution. http://www.sitepoint.com/forums/showthread.php?t=592230

[Wickham]

I can get the solution in IE7 and FX with different codes, but can't find a common solution (so ? use inline conditional comments?).

 

http://w ww.wickham43.com/forumposts/newseed-list-test.html

[PicnicTutorials]

This evened everything up for me. You could still go a pixel or two closer in each.

 

ol
<br />ol li span {<br />margin:0 0 0 -6px;<br />}<br />





Hello

[newseed]

I will try you method tomorrow Eric.

 

Thanks.