Hi WDF.

 

I'm looking to to use multiple lists on one page that will be required to be styled differently, so 3 variant's using different colours & different bullet styles.

 

What i'm having trouble with is how to actually style a li tag and how to create different li styles on one page.

 

I thought i'd ask the experts here before I search else where.

 

Many thanks.

Could be one of the best site on the internet: http://css.maxdesign.com.au/listamatic/

 

They also have tutorials as well.

If you need to style the same elements in different way within the same page, my way of doing it would be this:

 

First in you page, make sure you give id's(or classes) to your lists

 

<ul id="first_list">
<li><a href="#">item one</li>
<li><a href="#">item two</li>
<li><a href="#">item three</li>
</ul>

<ul id="second_list">
<li><a href="#">item one</li>
<li><a href="#">item two</li>
<li><a href="#">item three</li>
</ul>

<ul id="third_list">
<li><a href="#">item one</li>
<li><a href="#">item two</li>
<li><a href="#">item three</li>
</ul>

 

Then from your stylesheet, adress each list this way:

 

#first_list li {
whateverstyle: youneed;
}

#second_list li {
whateverstyle: youneed;
}

#third_list li {
whateverstyle: youneed;
}

 

Et voila!

 

Hope this helps

 

Oli

Yup, Oli got it spot on.

Amazing! It worked! I have seperate styled lists on my page, i'll have to show you when I put it live.

 

It's good because I can now take the idea of styling seperate li's and incorporate it into other html tags.

 

Much appreciated.

 

Regards

cool, I'm pleased it helped

give me a shout if you need anything else

 

Oli

Nice one Olivier - couldn't have coded it any better myself - you beat me to it!