spans and css and bullets

[mgriffith]

say i have the following chunk of html

...
<span class=&quot;PROCESS_Bulleted&quot;>
<span class=&quot;PROCESS&quot;>text</span>
<span class=&quot;PROCESS&quot;>text</span>
<span class=&quot;PROCESS&quot;>text</span>
<span class=&quot;PROCESS&quot;>text</span>
</span>
...

is there a way to make each one of the processes inside process_bulleted become a list item with a bullet in front of it. i only have to support internet explorer, so that should make it easier.

something like
span.PROCESS_Bulleted
{
item-type: unordered-list: <--i dont' think this'll work
}
span.PROCESS_Bulleted span.PROCESS
{
margin-left: 5px;
item-type: listitem: <--i dont' think this'll work
list-style-type: disc;
}

(the reason is that a bunch of these &quot;nodes&quot; are created on the fly...the data is dynamic, and for different types of data i create nodes with different classes...i.e. i'd have a PROCESS_NumberedList and a PROCESS_HorizonalSpan and a PROCESS_VerticalSpan as well...but we want all the formatting logic to be handled through css so the programming can leave the styling logic out.)


thanks. mike griffith
----------------------------
mgriffith@lauren.com
mdg12@po.cwru.edu

 

[mgriffith]

haha!!! i got it

span.PROCESS_Bulleted span.PROCESS
{
}

span.PROCESS_Bulleted span.PROCESS
{
margin-left: 20px;
display: list-item;
list-style-type: circle;
}


and for numbered or whatever, simply change the ilst-style-type

cool!

mike griffith
----------------------------
mgriffith@lauren.com
mdg12@po.cwru.edu