View Full Version : Serious beginner needing image map help!

Jul 21st, 2009, 04:29 PM
Hi everyone,

I'm a bit of a novice, have just started out redesigning my webstore.
I googled to find out how to image map the header image of my store so it also goes to 'about us' and 'cart' ...

It worked fine first go in Firefox, but when I went to check it in IE it doesn't even show any links there.

I'm sure I've done something wrong, because like I said, I'm just starting out and basically guessed how it should go.
Am I allowed to post the code I'm using here?

Another small problem in Firefox, is that on one of the links, it keeps missing a section of the rectangle. Can explain better if I could show you.

Please help me!

Jul 21st, 2009, 05:15 PM
Am I allowed to post the code I'm using here?

My dear friend,

Not only are you allowed to post your code, you are required (or at least strongly encouraged) to do so because this place is a coding forum so the code is the subject, not any description about what’s not working – and as a matter of fact we aren’t able to read your mind.

When posting your code please use the small ‘#’ button in the reply window to insert code tags (so the code is properly formatted).

Jul 22nd, 2009, 02:49 AM
Great :D I thought so. I was just looking at another forum last night that said new members weren't allowed to post links to their sites.

Now as I said, I just copied a tutorial example and adapted it to my image. Wasn't even really sure where to put the code.

My website is http://www.nicnaps.com
In Firefox, the 'about' works fine, but even after changing to make the rectangle bigger, 'cart' only works on the dots before, and on a thin line along the bottom of the word.

And in IE, nothing at all.

Here's the chunk of code...

<td width="19%" height="21"><div align="center"><a href="http://www.nicnaps.com"><img src="http://www.nicnaps.com/fpdb/images/mainheader.jpg" width="898" height="210" bgcolor="#f9f5eb" border="0" usemap="#header" ismap="ismap"
<map name="header">
<area shape="rect" coords="791,18,890,161" href="http://www.nicnaps.com" alt="">
<area shape="rect" coords="550,78,782,114" href="http://www.nicnaps.com/store/WsAboutus.asp" alt="" >
<area shape="rect" coords="670,138,886,174" href="http://www.nicnaps.com/store/WsAddprod.asp" alt="">
<tr bordercolor="ffffff">
<td height="366" valign="top" bgcolor="#f9f5eb">

I can't get it to line up neatly either :p Each time I save it jumbles up again.

Told you I was a beginner. :D