I have speciafic images i want to use for my navigation (text in a font not supported in most or any browsers). I have come accross a problem and was just wondering if anyone knows the best way to create a nav with images?

 

Cheers

The method I use is to set up the images as CSS backgrounds for a container - DIV, LI or directly on the link tag depending how I'm doing it, then offset the link text so its not seen.

eg, html:

 

<li><a>Your text here</a></li>

 

CSS:

 

li a {
   
display: block;
   
height: (Image height here);
   
width: (Image width here);
   
text-indent: -2000em;

   text-decoration: none;
   
z-index: 1000; /* IE Fix*/
   
background: url(Your link here!) 0 0 no-repeat;

}

Thats cool, ok can i still have an image swap with that method?