PICK A PAGE AND Home Site Guide Site Search Bulletin Board Virtual Greeting Cards -The Stuff You Want- Free CGI Script Archive Free Graphics Archive Free Coordinated Page Graphics -Getting Started on the Web- Clueless? For the Newbie! Domain Name Lookup Recommended Hosting Solutions Free Hosting -The Fun Tutorials- Lots of HTML Tricks and Tutorials HTML Tag Guide JavaScript Tricks and Tutorials Navigation Tricks Image Maps Tutorial -CGI, SSI and Unix Tutorials- SSI: Server Side Includes Forms Tutorial CGI Simple Tutorial Your First CGI Perl Script Banner Rotation Squawk: Recent News UNIX Guru Tutorial -Web Page Design Tutorials- Design Basics Most Important Part of your Page Photo Composition Tutorials MIDI Music on Your Pages All about COLOR THE SAFE Colors The Skinny on Fat Graphics Advanced Design Examples ASCII Chart -Managing Your Web Site- BNB on the APACHE Server Introduction to the Secure Server How to Promote Your Web Site Site Management Site Security Password Protection on Directories Site Diagnostics Script Troubleshooting -Resource Links- Offsite Resource Links Good Books The Tools You Need -All the Other Stuff- Newletter Back Issues Reader's Links Bird Droppings: Letters Kudos / Awards BNB FAQ Guestbook

An Excellent Alternative to the Image Map

Where have I seen this before? Here is something you probably look at everyday! This navigation bar actually consists of five small graphics that appear to form a single picture. If they wanted, they could have made the spacing tighter, but you should get the idea. As with the traditional icon navigation bar, this provides utility to any type of browser. DON'T FORGET TO: Use the ALT description Set the HEIGHT and WIDTH values example Artwork on loan from Altavista! (This is so I do not draw on their server for the images!) source code <a href="http://altavista.digital.com/cgi-bin/query?pg=tmpl&v=about.html"> <IMG src="/dimages/av-logo.gif" alt="[AltaVista] " BORDER=0 ALIGN=middle HEIGHT=73 WIDTH=204></a> <a href="http://altavista.digital.com/cgi-bin/query?pg=aq"> <IMG src="/dimages/av-adv.gif" alt="[Advanced Query] " BORDER=0 ALIGN=middle HEIGHT=73 WIDTH=59></a> <a href="http://altavista.digital.com/cgi-bin/query?pg=q"> <IMG src="/dimages/av-sim.gif" alt="[Simple Query] " BORDER=0 ALIGN=middle HEIGHT=73 WIDTH=42></a> <a href="http://altavista.software.digital.com/products/search/choice.htm"> <IMG src="/dimages/av-pex.gif" alt="[Private eXtension Products] " BORDER=0 ALIGN=middle HEIGHT=73 WIDTH=65></a> <a href="http://altavista.digital.com/cgi-bin/query?pg=h"> <IMG src="/dimages/av-help.gif" alt="[Help with Query] " BORDER=0 ALIGN=middle HEIGHT=73 WIDTH=35></a>

Find or Give Help on the BBS
Home Top E-Mail
If it looks great, it's by Christine

---