What is the html code for multiple unordered lists?

Question

I want to create a set of unordered nested lists that have have circle style bullets for the first list and a url style bullet for the second list (the nested list). I can get the url nested list to look great but I can't get the the regular circle bullets to show up anymore for the first list?

UL {list-style: url("http://***.gif")} for the url style bullet
UL {list-style:circle} for the original circle

How do I get the circle unordered list to come back?

Ul

If I use the standard

I keep getting the new url bullet and not the original circle. I want to have both in these nested lists.

I have found a way to cheat but I am not sure this is the ebst way. I have changed the ordered list tag from showing numbers to showing bullets. This way I can have two different bullet styles.

But I want to know how to have mulptiple unordered list bullet styles. There has got to be code for that. What if a person want multiple url bullets in a page? Is there a way to differentiate the unordered code in the css? Like do you do something like:

UL1 {}
UL2{}

Just like H1 and H2?

Answer 1

Use "list-style-type: circle;" instead of "list-style"? I've not had any trouble with that... just make sure, in your style sheet, that the UL you're targeting, is not overridden by some other css inheritance issues!

(Some other css styling may take priority. If you want some specific ul in your page to be styled that way, then you'd do best to "force" the issue by identifying the ul, a la:)

ul#something { list-style-type: circle; }

...then in your html...

Answer 2

For the circles (aka bullets) to appear its:

UL
LI
/UL

See source below: