Adding links Navigation image, Help! Options

[Keriana]

Hi! Ok so it's my first attempt at trying to make a div layout...well any layout actually! I pretty much can understand everything in the tutorials and posts I've read on here. But I dont understand how to add my navigation links...(home, pics etc) Here's my tester profile myspace.com/kerrytester. Don't pay attention to the content! Lol It sucks just trying to figure everything out before I go back and resize everything!

So you can see I already have my "links" set up how and where I want them in the image. How do I make them into links? Any help would be appreciated! Thank you in advance!

[*SinfullySweet*]

If you want hovers on your layout, than there is no need for image mapping. You'd have to remove the navigation link text on your main div image.

To make hover, you'd have to use two images, in the same image.

For example, this image


Do you see how, in the top image, it is normal, while in the bottom image, has a stoke? This is how you would make a image hover.

.home {position:top left; display:block; background-color:transparent; width:##(width of image used); heigh:##(height of image used)}

The, for the hover, you would put

.home: hover {background-position:bottom left;}


Then, go into the who i'd like to meet. Make a link like this.
<a href="LINK HERE" class="HOME"></a>
^The class is extremely important, and that is what will make it hover.