I have a page using an unordered list with a custom list style image. This
works fine until I set the child li elements to use display: inline; at
which point the list style image disappears. I have tried adding margins
and padding, but neither seems to help. Will I need to add a background
image instead, or is there a way to get the list to be displayed inline *and
*have the list style image?
ul.test {
position: absolute;
top: 180px;
left: 370px;
width: 290px;
list-style-image: url('/images/arrow_yellow.gif');
list-style-type: square;
}
.test li {
display: inline;
}
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
