Using CSS background images for bullets


/ Published in: CSS
Save to your folder(s)

copy form maxdesign!


Copy this code and paste it in your HTML
  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. }

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

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.