Posted By

assbach on 12/27/06


Tagged

css list images


Versions (?)

Who likes this?

4 people have marked this snippet as a favorite

basicmagic
vali29
monapdx
WinterCrow


Using CSS background images for bullets


 / Published in: CSS
 

URL: http://css.maxdesign.com.au/listamatic/vertical05.htm

copy form maxdesign!

  1. <div id="navcontainer">
  2. <ul id="navlist">
  3. <li id="active"><a href="#" id="current">Item one</a></li>
  4. <li><a href="#">Item two</a></li>
  5. <li><a href="#">Item three</a></li>
  6. <li><a href="#">Item four</a></li>
  7. <li><a href="#">Item five</a></li>
  8. </ul>
  9. </div>
  10.  
  11. CSS
  12. #navlist
  13. {
  14. margin-left: 0;
  15. padding-left: 0;
  16. list-style: none;
  17. }
  18.  
  19. #navlist li
  20. {
  21. padding-left: 10px;
  22. background-image: url(images/arrow.gif);
  23. background-repeat: no-repeat;
  24. background-position: 0 .5em;
  25. }

Report this snippet  

You need to login to post a comment.