|
View Full Version : Image Map CuteOri 01-15-2004, 01:45 AM I'm having huge trouble with my image map. My friend and I looked over my html and we can't find anything wrong with it, but for some reason, the map isn't even in the right position and it has no links, hard to explain- www.geocities.com/littlebeliever05 any suggestions? courtie Rosey 01-15-2004, 02:44 AM Your coordinates are wrong on your image they should be: <IMG SRC="navigation.jpg" USEMAP="#navigation.jpg" WIDTH=179 HEIGHT=465 BORDER=0> <MAP NAME="navigation.jpg"> <AREA SHAPE=RECT COORDS="4,4,171,60" href="girl.html" alt="The Girl"> <AREA SHAPE=RECT COORDS="1,94,178,183" href="site.html" alt="The Site"> <AREA SHAPE=RECT COORDS="2,195,178,291" href="journal.html" alt="The Blog(Home)"> <AREA SHAPE=RECT COORDS="0,306,178,374" "pics.html" alt="The Pics"> <AREA SHAPE=RECT COORDS="0,400,178,464" "links.html" alt="The Links"> </MAP> You have a few mistakes in your code, a few things out of place but this is what it is. I think I got all the kinks out (i left the attributes the way you had them). <html> <head> <title>CupCake Fairy ::Version 2.0:: Candy Slayer</title> <style type="text/css"> A:link { text-decoration: underline overline; color:#000000; } A:visited { text-decoration: underline overline; color:#000000; } A:active { text-decoration: line-through; color:#000000; } A:hover { text-decoration: none; color:#000000; } body { background: #000000; background-image: url(http://www.geocities.com/littlebeliever05/background-redbrick.jpg); background-repeat: no-repeat; background-attachment: fixed; font-family: terminal,veranda,arial; color: #000000 ; letter-spacing: 3pt; font-weight: normal; font-size: 10pt; cursor:crosshair; scrollbar-face-color : #000000; scrollbar-highlight-color : #000000; scrollbar-3dlight-color : #000000; scrollbar-shadow-color : #000000; scrollbar-darkshadow-color : #000000; scrollbar-track-color : #000000; scrollbar-arrow-color : #CC0000 } </style> </head> <body> <div style="left: 235; top: 220; width: 700; height: 400; position: absolute;"> <iframe src="journal.html" width="700" height="400" frameborder="0" name="i" align="left" allowtransparency="true" style="filter:chroma (color:#000000)"> </iframe> </div> <div style="left: 17; top: 235; width: 179; height: 465; position: absolute;"> <IMG SRC="navigation.jpg" USEMAP="#mymap" WIDTH=179 HEIGHT=465 BORDER=0> <MAP NAME="mymap"> <AREA SHAPE=RECT COORDS="4,4,171,60" href="girl.html" alt="The Girl"> <AREA SHAPE=RECT COORDS="1,94,178,183" href="site.html" alt="The Site"> <AREA SHAPE=RECT COORDS="2,195,178,291" href="journal.html" alt="The Blog(Home)"> <AREA SHAPE=RECT COORDS="0,306,178,374" "pics.html" alt="The Pics"> <AREA SHAPE=RECT COORDS="0,400,178,464" "links.html" alt="The Links"> </MAP> </div> </body> </html> CuteOri 01-15-2004, 03:11 AM hey thanks a bunch!! except the pics link and the links link don't work, could you tell me please how to get the coordinates for them? Rosey 01-15-2004, 03:57 AM oh i didn't paste properly: <AREA SHAPE=RECT COORDS="0,306,178,374" href="pics.html" alt="The Pics"> <AREA SHAPE=RECT COORDS="0,400,178,464" href="links.html" alt="The Links"> |