Advanced Search

Return to Snippet

Revision: 2062
at December 27, 2006 11:13 by assbach
Initial Code 
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>

CSS
#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#navlist li
{
padding-left: 10px;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}
Initial URL 
http://css.maxdesign.com.au/listamatic/vertical05.htm
Initial Description 
copy form maxdesign!
Initial Title 
Using CSS background images for bullets
Initial Tags 
css, list, images
Initial Language 
CSS