View Full Version : Image Maps


likeghosts
01-27-2006, 04:28 AM
I'm trying to make and image map out of an image, which is also my background picture. How do I make the image map, without the image repeating itself over the background, which is what I'm getting.

Spid
01-27-2006, 08:57 AM
add

body{
background-repeat:no repeat;}

to your css

djou
01-27-2006, 03:50 PM
You will not be able to create an image map from a background.

allie
01-27-2006, 03:55 PM
You can fake an image map from a background:

http://www.dannyspearsband.com does it.

Here's a tutorial:

http://www.alistapart.com/articles/imagemap

likeghosts
01-27-2006, 04:19 PM
Yea, I didnt think so, but I though it was worth a shot. I got a new problem though. Its a small one though. Instead of trying to do the map by hand, I used Cutemap, and it worked just fine, only problem is my image doesnt show up. You can still hover over it and get to my links, but the pictures isnt there. How can I get it to show up? This is my first time trying a map in a layout and it got me really confused.

allie
01-27-2006, 04:34 PM
Include your url so we can take a look.

You may not be linking to the image correctly :D

likeghosts
01-27-2006, 04:40 PM
Ok. It was just using an image from my computer, so I tried hosting the image somewhere just as a test, that didnt work either. Heres the code.
*<!-- Created by CuteMAP -->
<!-- Visit us at http://www.globalscape.com -->
<!-- Beginning of CSIM -->
<IMG SRC="map.jpg" USEMAP="#map.jpg" WIDTH=486 HEIGHT=158 BORDER=0>
<MAP NAME="map.jpg">
<AREA SHAPE=RECT COORDS="43,82,140,151" HREF="http://www.greatestjournal.com/userinfo.bml?user=_____blacktop">
<AREA SHAPE=RECT COORDS="163,97,285,147" HREF="http://-----blacktop.greatestjournal.com/friends">
<AREA SHAPE=RECT COORDS="303,98,468,152" HREF="http://-----blacktop.greatestjournal.com/calendar">
</MAP>
<!-- End of CSIM -->*

My friend has been begging me to make her a journal layout with an image map, and i'm wishing now I hadnt said I would. :tired:

allie
01-27-2006, 04:52 PM
Instead of just using "map.jpg" use the whole path:

http://www.yourdomain.com/map.jpg

It might make a difference :D

likeghosts
01-27-2006, 05:27 PM
That worked, thanks! The image is just a little bit off from the background, so the lines don't match up quite right, but I should be able to fix that don't you think?

http://www.greatestjournal.com/customview.cgi?user=_____blacktop&styleid=1086986

what do you think? fixable, shouldnt it be?

likeghosts
01-27-2006, 05:46 PM
Disregard that lost post. I got it. Thanks for all your help!