Hello, This: <a href="#"><img border=0 src="images/images_01.gif"></a><br> <a href="/index.html"><img border=0 src="images/images_09.gif"></a> <a href="/portfolio.html"><img border=0 src="images/images_04.gif"></a> <a href="services.html"><img border=0 src="images/images_05.gif"></a> <a href="links.html"><img border=0 src="images/images_06.gif"></a> <a href="contact.html"><img border=0 src="images/images_07.gif"></a> Should be between <body> tags <html> <head> <title>Hello world</title> </head> <body> HERE YOUR NAV </body> </html> Best, Jakmomo
I'd actually put that in a list. <ul id="menu"> <li><a href="/" id="index-page">Index<span></span></a></li> <li><a href="/portfolio.html" id="portfolio-page">Portfolio<span></span></a></li> <li><a href="/services.html" id="services-page">Services<span></span></a></li> <li><a href="/links.html" id="links-page">Links<span></span></a></li> <li><a href="/contact.html" id="contact-page">Contact<span></span></a></li> </ul> Code (markup): But what about the images? Easy. See how the links have IDs on them, and the empty SPAN inside those links? They're hooks for an accessible CSS based image optimization technique (that's also very search-engine friendly). You can see an example of it in action at www.pmob.co.uk/temp/navimagereplace.htm (not my site). It uses EM instead of SPAN but you can use either one. Personally I prefer the SPAN since I don't support dead browsers, especially one that's been off the radar for four years now (Mac-IE).