Image Maps in Bandcamp Aren't Working

NeilWest

I used this website called www.image-maps.com to create an image map for my Bandcamp profile but the text isn't showing. I've tried everything, but it still doesn't work. Here's the code for it:

<div style="text-align:center; width:975px; margin-left:auto; margin-right:auto;">
<img id="Image-Maps_6201312210254205" src="http://f0.bcbits.com/img/0001799663_100.png" usemap="#Image-Maps_6201312210254205" border="0" width="975" height="180" alt="" />
<map id="_Image-Maps_6201312210254205" name="Image-Maps_6201312210254205">
<area shape="rect" coords="0,145,163,175" href="http://spicychorizo.weebly.com" alt="home" title="home"    />
<area shape="rect" coords="406,145,569,175" href="http://spicychorizo.bandcamp.com" alt="music" title="music"    />
<area shape="rect" coords="807,145,970,175" href="http://scratch.mit.edu/user/neilwest" alt="scratch" title="scratch"    />
<area shape="rect" coords="973,178,975,180" href="http://www.image-maps.com/index.php?aff=mapped_users_6201312210254205" alt="Image Map" title="Image Map" />
</map>
<!-- Image map text links - Start - If you do not wish to have text links under your image map, you can move or delete this DIV -->
<div style="text-align:center; font-size:12px; font-family:verdana; margin-left:auto; margin-right:auto; width:975px;">
	<a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://spicychorizo.weebly.com" title="home">home</a>
 | 	<a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://spicychorizo.bandcamp.com" title="music">music</a>
 | 	<a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://scratch.mit.edu/user/neilwest" title="scratch">scratch</a>
 | 	<a style="text-decoration:none; color:black; font-size:12px; font-family:verdana;" href="http://www.image-maps.com/index.php?aff=mapped_users_6201312210254205" title="Image Map">Image Map</a>
</div>
<!-- Image map text links - End - -->

</div>

veggieman001

Underneath the image map box on Bandcamp, it says “list of area tags only”. Therefore, your code should just be

<area shape="rect" coords="0,145,163,175" href="http://spicychorizo.weebly.com" alt="home" title="home" />
<area shape="rect" coords="406,145,569,175" href="http://spicychorizo.bandcamp.com" alt="music" title="music" />
<area shape="rect" coords="807,145,970,175" href="http://scratch.mit.edu/user/neilwest" alt="scratch" title="scratch" />

NeilWest

veggieman001 wrote:

Underneath the image map box on Bandcamp, it says “list of area tags only”. Therefore, your code should just be

<area shape="rect" coords="0,145,163,175" href="http://spicychorizo.weebly.com" alt="home" title="home" />
<area shape="rect" coords="406,145,569,175" href="http://spicychorizo.bandcamp.com" alt="music" title="music" />
<area shape="rect" coords="807,145,970,175" href="http://scratch.mit.edu/user/neilwest" alt="scratch" title="scratch" />

Ok, I've typed in that code - but the text still isn't showing. Do you know why?

veggieman001

The text has to be part of the image.

NeilWest

veggieman001 wrote:
The text has to be part of the image.

oh ok

that was embaressing

Last edited by NeilWest (Dec. 22, 2013 06:36:24)

Discuss Scratch