PDA

View Full Version : CSS: display: list-item; doesn't display bullet


rwh
10-07-2005, 12:49 AM
Hi all,

We currently use iSilo as the browser for our (rather large) HTML project. We've generally used <div>s for our unordered lists instead of <ul>s (long story). So a list would look something like this:

<div class=libox>this should have a bullet before it</div>
<div class=libox>so should this</div>

And it should display like:

this should have a bullet before it
so should this


the CSS we've used looks something like this:

.libox {
margin-top: 4pt;
margin-bottom: 6pt;
margin-left: 1em;
display: list-item;
list-style: disc;
margin-right: 0pt;
text-indent 0pt;
font-family: Arial, "Trebuchet MS", Verdana;
}

The problem is with the display: list-item; line. This appears to indent the div, but doesn't display a bullet at all. Any suggestions on a different style I could use or if this is a bug in iSilo?

Voltage Spike
10-07-2005, 08:58 AM
It looks as if the default stylesheet for "ul" items uses the attribute "list-style-type: disc" (although I haven't tested it). In other words, iSiloX may recognize the individual list-style-* items, but not the composite list-style item.

iSilo
10-07-2005, 09:02 AM
iSiloX does not support the redefinition of HTML elements using the CSS display property so you would need to actually use the standard HTML ul/ol/li elements to display lists.