I have an image that I wish to use has a nav bar heres my code:

 

#navigation li{
background-image:url('../images/nav.jpg');
background-repeat:no-repeat;
background-position:center;
display:inline-block;


}
#navigation {
background-image:url('../images/nav.jpg');
background-repeat:no-repeat;
background-position:center;
}

 

HTML CODE:

div id="navigation">
									  <ul>
   				<li><a href="index.html">home</a></li> 
   				<li><a href="#">about</a></li>
   				<li><a href="#">services</a></li>
   				<li><a href="#">clients</a></li>
   				<li><a href="contact.php">contact</a></li> 
									  </ul>				
				</div>

 

So I do i make the links work without the text in the <a href> bit been seen and just the image text-indent i have tried but it shows a right mess!!!

 

Please help me I can't get my head round this.....

Is this the same nav bar I helped you with, that you posted help for before and I asked this question and you never answered....here:

 

http://www.webdesignerforum.co.uk/index.ph...ost&p=85876

 

 

 

(Not having a go I just want to know before I code it up for you so you can see where you are going wrong as the tutorial I gave you to go through obviously didn't help...if it is still the same one.)

no it didnt help sorry i didnt get back to you!!!

 

 

its just one image i have that has the text on so text in the <li> needs to be removed if that makes sense....

 

am on MSN if you wanna get on there and see if you can help me....

 

cheers

screenshot attached so you can see whats going on