Why won't my html work!?!?!!!

[kwjake]

Link

Could someone with html skills please view source and tell me what is wrong!

 

[kwjake]

Here is the code:

<MAP NAME="imgmap">
<AREA SHAPE=CIRC COORDS="71,106,0" HREF="http://www.thepcelement.com/kwjake/test.html">
<AREA SHAPE=CIRC COORDS="138,97,0" HREF="http://www.thepcelement.com/kwjake/test.html">
<AREA SHAPE=CIRC COORDS="173,138,0" HREF="http://www.thepcelement.com/kwjake/test.html">
<AREA SHAPE=CIRC COORDS="169,202,1" HREF="http://www.thepcelement.com/kwjake/test.html">
<AREA SHAPE=CIRC COORDS="68,194,2" HREF="http://www.thepcelement.com/kwjake/mcfarren2.html">
</MAP>
<IMG SRC="http://www.thepcelement.com/kwjake/print_paw.jpg" NAME="Graphic3" WIDTH=234 HEIGHT=293 BORDER=0 USEMAP="#imgmap"></SPAN>

 

[brikis98]

i think your coords are messed up.

the syntax, if i remember correctly, is

coords="x,y,r"

where x is your x coord, y is your y coord, and r is the radius... so if your r = 0 or 1, you get no circle or a very small one.

also, it's probably shape=circle, not shape=circ

 

[Mark R]

Your coords aren't right - they need to be 2 pairs.
e.g.
<area shape=rect coords="71,100 150,200" href="test.html" alt="home">
or if useing circles - then the 3rd is the radius = so needs to be reasonably sized (1 or 2 pixels is too small to be useful)
<area shape=circle coords="71,100,50" href="test.html" alt="products">

You also need the alt tag (according to standards) although it will probably work without it.


You also need an 'ismap' attribute on your img tag.
e.g.
<img src="print_paw.jpg" name="graphic3" width="234" height="293" ismap usemap="#imgmap">

 

[brikis98]

Originally posted by: Mark R
Your coords aren't right - they need to be 2 pairs.
e.g.
<area shape=rect coords="71,100 150,200" href="test.html" alt="home">
or if useing circles - then the 3rd is the radius = so needs to be reasonably sized (1 or 2 pixels is too small to be useful)
<area shape=circle coords="71,100,50" href="test.html" alt="products">

You also need the alt tag (according to standards) although it will probably work without it.


You also need an 'ismap' attribute on your img tag.
e.g.
<img src="print_paw.jpg" name="graphic3" width="234" height="293" ismap usemap="#imgmap">

he's doing circles, which i just checked, take 3 coordinates: x,y,radius

and isn't ismap just for server side image maps (as opposed to his client side image map)?

 

[Rip the Jacker]

use this...

 

[kwjake]

Thanks guys!

I just made the links square and it works now!

w00t! First (experimental) website!