Learning to build websites a little better, so now i'm stuck on buttons. I wanted to draw out a wide, short bar, with diffrent text on it. "Home News Forum" for example, but have it be a GIF or JPG or something, so I can have nife fitting text and background behind them. So, in --
<img src="kickass.jpg" border="0" width="750" height="139" USEMAP="#nav">

<MAP NAME="nav">
<AREA SHAPE="rect" COORDS="36,120,84,144" HREF="join.html" TARGET="main" ALT="Join">
<AREA SHAPE="rect" COORDS="96,120,156,144" HREF="home.html" TARGET="main" ALT="Home">
<AREA SHAPE="rect" COORDS="168,120,228,144" HREF="http://www.atascosita.com/phpBB2/" TARGET="new" ALT="Forum">
<AREA SHAPE="rect" COORDS="252,120,312,144" HREF="rules.html" TARGET="main" ALT="Rules">
---
(An example a friend gave me)

How do I get the coords? Are they of the webpage themself? Or is it the coords it gives you in photoshop for wherever your mouse is pointing at?

Sorry if i'm confusing, my brain is just a little fried today. Thanks for any help =D

Sorry, I'm going to hose you up good and suggest using something else. You can create some pretty nice looking buttons using cascading style sheets (CSS). It'll make your web pages load quicker and save you a lot of headache. It's also pretty easy to learn and you can apply your formats across multiple web pages, make a frames style website without using frames, and a lot more. I'm no expert with it, but I gave up the old way of creating menus/buttons after I learned the basics because this is so easy to change later on.

http://www.westciv.com/style_master/.../css_tutorial/

They are coordinates in the image. The definitions of the HTML elements are here. Search the Internet for image maps for more info.