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?
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?