Posted By

assbach on 12/27/06

Tagged

css
list
images

Versions (?)

Last Edited at 12/27/06 11:13am

Statistics

Viewed 1120 times

Favorited by 2 user(s)

Related snippets

Using CSS background images for bullets

/ Published in: CSS

copy form maxdesign!

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

<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;
}