Archief - Q: Image Replacement

<div id="navcontainer">
		<ul>
					<li><a href="#" id="link1"><span>l1</span></a></li>
					<li><a href="#" id="link2"><span>l2</span></a></li>
					<li><a href="#" id="link3"><span>l3</span></a></li>					
					<li><a href="#" id="link4"><span>l4</span></a></li>
					<li><a href="#"	id="link5"><span>l5</span></a></li>
					<li><a href="#" id="link6"><span>l6</span></a></li>
					<li><a href="#" id="link7"><span>l7/span></a></li>
		</ul>

#navcontainer ul {
	margin: 0;
 	padding: 0;
 	list-style-type: none;
 	font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
	text-indent: 20px;
	letter-spacing: 1px;
}

#navcontainer ul li a span  {display: none;}
#navcontainer ul li a #link1 {width: 100px; background-image: url('/images/nav.gif');}
#navcontainer ul li a #link2 {width: 99px; background-image: url('/images/nav (1).gif');}
#navcontainer ul li a #link3 {width: 99px; background-image: url('/images/nav (2).gif');}
#navcontainer ul li a #link4 {width: 99px; background-image: url('/images/nav (3).gif');}
#navcontainer ul li a #link5 {width: 100px; background-image: url('/images/nav (4).gif');}
#navcontainer ul li a #link6 {width: 99px; background-image: url('/images/nav (5).gif');}
#navcontainer ul li a #link6 {width: 99px; background-image: url('/images/nav (6).gif');}