PDA

View Full Version : Links Don't Work?

Milque
12-25-2005, 04:57 AM
Hello. I have some problems with an image layout. The whole layout consists of two images. You can see how the layout looks like here (http://i9.photobucket.com/albums/a77/mizz_qizz/frogborder.jpg).
I put my images in a table so it's nicely placed.

The layout is supposed to be a dynamic box or whatever you call it, as in when I click a link, it will show the contents of that link in the box. The llinks are those pictures of froggies at the right. The problem is that the links don't work.

Here is the code:
<noembed>
</head>
<body></noembed>


<!--The layout and image map. -->

<TABLE WIDTH=995 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD><IMG SRC="http://i9.photobucket.com/albums/a77/mizz_qizz/image.gif" WIDTH=428 HEIGHT=544></TD>
<TD><IMG SRC="http://i9.photobucket.com/albums/a77/mizz_qizz/box.gif" WIDTH=567 HEIGHT=544>

<map id="Map1" name="Map1">
<AREA SHAPE=POLY COORDS="915,42,993,96,938,171,934,166,867,118,864,117" name="me" title="me." onClick="changeNavigation('me')">
<AREA SHAPE=POLY COORDS="865,170,934,162,947,170,949,159,957,157,971,237,91 2,250,893,241,891,252,883,258" name="blog" title="take a peek." onClick="changeNavigation('blog')">
<AREA SHAPE=POLY COORDS="917,252,984,276,957,352,936,350,866,328,894,252" name="tagboard" title="tag tag tag!" onClick="changeNavigation('tag')">
<AREA SHAPE=POLY COORDS="878,382,939,351,956,353,989,423,913,460,906,464" name="links" title="leave my blog?" onClick="changeNavigation('links')">
</map></TD>
</TR>
</TABLE>



<div id="main" style="position:absolute; height:366; width: 483; left: 462; top: 63; overflow: auto; background-color: transparent; padding:5px" class="transbox" allowtransparency="true">
<center><span><b>WELCOME</b></span>
<br><br>This is my blog.
<br>For navigation, on the frog pictures. Enjoy!
</center></div>

<div id="me" style="display:none;">
<center><span><b>ME</b></span>
<br><br>Talk about yourself here. Name, age, likes, dislikes, etc...
</center></div>

<div id="links" style="display:none;">
<center><br>
<br><span><b>LINKS</b></span>
<br><a href="http://www.blogger.com">friend</a>
<br><a href="http://www.blogger.com">friend</a>
<br><a href="http://www.blogger.com">friend</a>
<br>

<br><span><b>CREDITS</b></span>
<br><a href="http://www.blogskins.com/me/MilqueShake>Designer</a>
<br><a href="http://angelic-trust.net/>Brushes</a>
<br><a href="http://vanilla-dreams.net/">Fonts</a>
<br><a href="http://www.lolaart.net/">Image</a>
</center></div>

<div id="tag" style="display:none;">
<center><span><b>TALK</b></span>
<br>Insert tagboard codings here.
<br>Try <a href="http://www.cbox.ws">cbox</a>.

<br>
</center></div>

<div id="blog" style="display:none;">
<center><span><b>BLOG</b></span>
<br>
<Blogger>
<b><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader>
<br>- <$BlogItemDateTime$></b>
<$BlogItemBody$>
<p>
</Blogger>
</center></div>


<script>
window.defaultStatus=" Frog on a stick ";
</script>

<span style="display: none;">Get awesome <a href="http://www.blogskins.com/">blog templates</a> like this one from <a href="http://www.blogskins.com/">BlogSkins.com</a></span></body>
</HTML>

I'm sorry if it's a bit confusing. I don't know how to state my problem properly. :p

Thank you in advance
Monkey Bizzle
12-25-2005, 05:54 AM
I'm assuming that this picture is the one that you want to use that image map with:

http://i9.photobucket.com/albums/a77/mizz_qizz/box.gif

If so, you forgot to tell it to use the map. Change this:

<TD><IMG SRC="http://i9.photobucket.com/albums/a77/mizz_qizz/box.gif" WIDTH=567 HEIGHT=544>

To this:

<TD><IMG SRC="http://i9.photobucket.com/albums/a77/mizz_qizz/box.gif" WIDTH=567 HEIGHT=544 usemap="#Map1">
Milque
12-25-2005, 09:04 AM
I did, but they still don't work. Instead, there's this blue box around that image.

Thanks for trying to help, anyways.
Monkey Bizzle
12-26-2005, 07:43 AM
Can you add in what I suggested and then post a link to your actual page so we can look at it in action?