Try putting the image inside the list item... list-style-position: inside;
http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position http://reference.sitepoint.com/css/list-style-position -- Ghodmode http://www.ghodmode.com On Thu, 2009-12-03 at 15:25 -0700, Jack Blankenships wrote: > 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/ ______________________________________________________________________ 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/
