YUI CSS and list-style-image

psenn
psenn used Ask the Experts™
on
How do I add an image to a list if I'm using YUI CSS Grids builder?
It must be something to do with margins or padding.
The code snippet below works, but when I add YUI, my images disappear.

<link rel="stylesheet" href="http://yui.yahooapis.com/2.7.0/build/reset-fonts-grids/reset-fonts-grids.css" type="text/css">


<style type="text/css">
ul {
	list-style-image: url(CSS/Images/arrow.jpg);
}
</style>
</head>
 
<body>
<ul>
<li>List Item One</li>
</ul>
</body>

Open in new window

Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Top Expert 2011
Commented:
The LI in the CSS is (I think) overriding your code.  
li{list-style:none;}  Replace that with your CSS above.

Author

Commented:
It needed to to be
ul li
instead of
ul.

ul li
{
        list-style-image: url('CSS/Images/arrow.jpg');
}

also check for the path of the image.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial