Solved

YUI CSS and list-style-image

Posted on 2009-04-09
3
608 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
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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Add animation to your css 12 32
WordPress Themes 10 34
Centered Image 2 23
Wrapper for APPs 9 40
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…
As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
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 customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…

867 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

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now