By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,398 Members | 1,362 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,398 IT Pros & Developers. It's quick & easy.

Image bullet not showing up

sunsolaris2000
P: 20
I have an unordered list which I want to contain a small image I have instead of bullets. I managed just to take out the bullets.

In HTML I have:

Expand|Select|Wrap|Line Numbers
  1. <div id="lista_meniu">
  2.    <ul id="lista">
  3.       <li><a href="#">Perioadele critice de dezvoltare al creierului la copii </a></li> 
  4.       <li><a href="#">Dezvoltarea vizuală şi auditivă </a></li> 
  5.       <li><a href="#">Dezvoltarea limbajului verbal </a></li> 
  6.       <li><a href="#">Dezvoltarea fizică şi motorie </a></li> 
  7.       <li><a href="#">Dezvoltarea emoţională şi socială </a></li>
  8.    </ul>
  9. </div>
And in CSS file I have:

Expand|Select|Wrap|Line Numbers
  1. #lista{
  2.         list-style:none;
  3. }
  4.  
  5. #lista ul li{
  6.          background-image:url(images/mypic.jpg);
  7.          background-repeat:no-repeat;
  8.          background-position:0 .6em;
  9. }
Thank you
Sep 28 '12 #1
Share this question for a faster answer!
Share on Google+

Post your reply

Sign in to post your reply or Sign up for a free account.