Question about image maps |
Question about image maps |
Apr 7 2007, 07:52 PM
Post
#1
|
|
|
Member ![]() ![]() Group: Member Posts: 20 Joined: Apr 2007 Member No: 515,181 |
I already have the code set and stuff, but when I set it up, the image map is supposed to be right under another image. But when I got it set up, it's about 20 or so pixels off of the spot it's supposed to be in. I have no idea how to edit image maps so that the image is over more (image, not the coords, the image). Heres the code.
QUOTE <DIV ALIGN="CENTER">
<MAP NAME="options"> <AREA HREF="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=835401e1-fd60-49e2-a194-cd4af6bd1a23" TITLE="Home" SHAPE=RECT COORDS="207,12,285,33"> <AREA HREF="products.html" TITLE="Send Message" SHAPE=CIRCLE COORDS="251,143,47"> <AREA HREF="new.html" TITLE="Add to Friends" SHAPE=POLY COORDS="150,217, 190,257, 150,297,110,257"> <AREA HREF="new.html" TITLE="Favorite" SHAPE=POLY COORDS="150,217, 190,257, 150,297,110,257"> </MAP> <tab><IMG SRC="http://img81.imageshack.us/img81/143/optionsyx9.png" BORDER=0 WIDTH=900 HEIGHT=100 USEMAP="#options"><BR> </div> </div> |
|
|
|
![]() |
Apr 8 2007, 02:42 PM
Post
#2
|
|
|
t-t-t-toyaaa ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Member Posts: 19,821 Joined: Apr 2004 Member No: 11,270 |
Because your image is just http://img81.imageshack.us/img81/143/optionsyx9.png
You could of just made a seperate image for each link and did it that way or you could of image sliced. It was your image map. I don't know how you did it but yea. I remapped it. You need to add in the links. CODE <div class="bg" style="position: absolute; left: 10px; top: 80px; width:900px; height:192px; overflow: hidden;">
<img src="http://img206.imageshack.us/img206/2628/tmancopyvr2.jpg"> </div> <div class="content" style="position: absolute; left:15px; top:250px; width:900px; height:100px;"> <img src="http://img81.imageshack.us/img81/143/optionsyx9.png" width="1008" height="100" border="0" alt="" usemap="#optionsyx9_Map"> <map name="optionsyx9_Map"> <area shape="rect" alt="fave" coords="695,13,794,35" href="http://link.com"> <area shape="rect" alt="friends" coords="495,13,682,36" href="http://link.com"> <area shape="rect" alt="message" coords="299,13,483,37" href="http://link.com"> <area shape="rect" alt="home" coords="213,13,282,38" href="http://link.com"> </map></div> |
|
|
|
weirdman Question about image maps Apr 7 2007, 07:52 PM
toyo loco What is the rest of the layout code? Apr 8 2007, 10:42 AM
weirdman About me
QUOTE<style type="text/css... Apr 8 2007, 02:26 PM![]() ![]() |