Solved

YUI CSS and list-style-image

Posted on 2009-04-09
3
615 Views
Last Modified: 2012-05-06
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

0
Comment
Question by:psenn
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
3 Comments
 
LVL 30

Accepted Solution

by:
LZ1 earned 125 total points
ID: 24108733
The LI in the CSS is (I think) overriding your code.  
li{list-style:none;}  Replace that with your CSS above.
0
 

Author Comment

by:psenn
ID: 24109608
It needed to to be
ul li
instead of
ul.

0
 
LVL 13

Expert Comment

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

also check for the path of the image.
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Unordered lists (HTML ul tags) are very handy to create menus of all types, shapes and sizes.  All it takes is a little knowledge of CSS and the possibilities are endless. First off, you should know the general format for menus created using the …
Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

688 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question