CSS Bullet List Formatting

In my style sheet I have assigned a small bullet image to replace the
standard dot which appears when creating a bullet list <ul><li>...etc.

CSS looks like this:
li, ul { list-style-image:url(/images/ul-blt.gif); }

I have a section on a page that contains a bullet list within a bullet list
and I would like to assign a separate image to appear for the second
indented list.

The code looks like this:
<ul>
<li>List Item 1
<ul><li>Sub Item 1</li></ul>
</li>
<li>List Item 2</li>
</ul>

Is there a way to put a code into the style sheet that would account for a
bullet list within a bullet list and allow me to assign a separate image to
the bullets for "Sub Item 1" as shown above?

TIA
BenD

.oO(Benjamin Dover)

Is there a way to put a code into the style sheet that would account for a
bullet list within a bullet list and allow me to assign a separate image to
the bullets for "Sub Item 1" as shown above?

/* list */
ul {
...
}

/* nested list */
ul ul {
...
}

Micha

Keep nesting:
ul li ul li {list-style-image:url(/images/second-level-bullet.gif)}
ul li ul li ul lu {list-style-image:url(/images/third-level-bullet.gif)}

"Benjamin Dover" <reply_to_group_only (AT) thankyouRTG (DOT) com> wrote

In my style sheet I have assigned a small bullet image to replace the
standard dot which appears when creating a bullet list <ul><li>...etc.

CSS looks like this:
li, ul { list-style-image:url(/images/ul-blt.gif); }

I have a section on a page that contains a bullet list within a bullet
list
and I would like to assign a separate image to appear for the second
indented list.

The code looks like this:
ul
li>List Item 1
ul><li>Sub Item 1</li></ul
/li
li>List Item 2</li
/ul

Is there a way to put a code into the style sheet that would account for a
bullet list within a bullet list and allow me to assign a separate image
to
the bullets for "Sub Item 1" as shown above?

TIA
BenD

Sorry for not keeping my reader refreshed....

"CMBergin" <NoHarvestForYou (AT) NoSpam (DOT) org> wrote

Keep nesting:
ul li ul li {list-style-image:url(/images/second-level-bullet.gif)}
ul li ul li ul lu {list-style-image:url(/images/third-level-bullet.gif)}

"Benjamin Dover" <reply_to_group_only (AT) thankyouRTG (DOT) com> wrote in message
news:cme3kt$7k4$1 (AT) forums (DOT) macromedia.com...
In my style sheet I have assigned a small bullet image to replace the
standard dot which appears when creating a bullet list <ul><li>...etc.

CSS looks like this:
li, ul { list-style-image:url(/images/ul-blt.gif); }

I have a section on a page that contains a bullet list within a bullet
list
and I would like to assign a separate image to appear for the second
indented list.

The code looks like this:
ul
li>List Item 1
ul><li>Sub Item 1</li></ul
/li
li>List Item 2</li
/ul

Is there a way to put a code into the style sheet that would account for
a
bullet list within a bullet list and allow me to assign a separate image
to
the bullets for "Sub Item 1" as shown above?

TIA
BenD

That's perfect ... thanks to all!!!

BenD