Posted by dorayme on 07/30/05 05:30

> From: richard_quick_uk@hotmail.com
>
> The CSS is:
>
> ol { padding: 0; margin: 5px 0 10px 0; margin-left: 23px; color: #cc0000; }
>
> ol li { list-style-position: outside; margin: 0; }
>
> And the html is:
>
> <ol> <li><a href="#">The top tips text will go here</a></li> <li><a
> href="#">The top tips text will go here</a></li> <li><a href="#">The top tips
> text will go here</a></li> </ol>
>

I'm always forgetting how to do things. Here is one way, perhaps not the
best, but it works as far as I can see for your list that consists of
links:

In the link css instructions put padding-left: 10px; or whatever px you
want. If you don't want this generally for links then you will need to
make the links for this a special (like a class).

A:link { color: #000099; background: #fff; padding-left: 10px;}

And, of course for hover and visited and active the same or different...

dorayme

• Next in forum: Re: How to make a colour line separator?
• Prev in forum: Re: How to make a colour line separator?
• Thread view: Re: Setting the distance between numbers and text in an ordered list.

[Reply to this message]