Solved

YUI CSS and list-style-image

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

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

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…
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

746 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

10 Experts available now in Live!

Get 1:1 Help Now