PDA

View Full Version : Image Map Within Tables

aisuruneko
08-31-2004, 04:42 PM
I've been trying to establish an image mage within a table for my website. For some reason, it's not working. The links are not showing up at all, and I'm not sure why. I've had the link coding nested in the table and outside of it but nothing seems to work. Here is my code:

<table border="0" cellspacing="0" width="950">
<tr>
<td bgcolor="#000000" colspan=2><img src="http://www.napalmtheory.com/top_bar_pum.jpg" usemap="#pummap" width="950"

height="272" border="0">
</td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="900">
<tr>
<td bgcolor="#000000" width="50"></td>
<td bgcolor="#000000" width="650"><iframe frameborder="0" src="http://www.napalmtheory.com/frame1.html"

name="inlineframe" width="600" height="800" marginwidth="0" marginheight="0"></iframe></td>
<td bgcolor="#000000" width="200" valign="top"><font color="white">

<map name="pummap">
<area shape="rect" coords="100,500,101,110" href="http://www.napalmtheory.com/abouteri.html" target="inlineframe"

alt="About The l337 Webmistress" style="border: 2px dashed #FFFFFF;">
<area shape="rect" coords="340,270,243,305" href="http://www.napalmtheory.com/words.html" target="inlineframe" alt="Her

Words">
<area shape="rect" coords="430,270,345,305" href="http://www.napalmtheory.com/pictures.html" target="inlineframe"

alt="Her Pictures">
<area shape="rect" coords="510,270,430,305" href="http://www.napalmtheory.com/thesite.html" target="inlineframe"

alt="The Theory">
</map>
Chris
08-31-2004, 04:47 PM
You havn't finished off the second table.

add:

</td>
</tr>
</table>


To the end of the code
aisuruneko
09-01-2004, 02:29 AM
The tables are closed later on in the coding, but it's still not working.
MaGiCSuN
09-01-2004, 04:17 AM
then either post the url to the page in question or the full coding :)

Love,
Mirna
aisuruneko
09-01-2004, 01:07 PM
<html>
<head>
<title>T.N.T. ---%-@ Please Untie Me</title>

<link rel="STYLESHEET" type="text/css" href="http://www.napalmtheory.com/css.css">

<body bgcolor="black">
<font face="Century Gothic">
<font color="#FFFFFF">

</head>

<center>


<table border="0" cellspacing="0" width="950">
<tr>
<td bgcolor="#000000" colspan=2><img src="http://www.napalmtheory.com/top_bar_pum.jpg" usemap="#pummap" width="950" height="272" border="0">

<map name="pummap">
<area shape="rect" coords="100,500,101,110" href="http://www.napalmtheory.com/abouteri.html" target="inlineframe" alt="About The l337 Webmistress" style="border: 2px dashed #FFFFFF;">
<area shape="rect" coords="340,270,243,305" href="http://www.napalmtheory.com/words.html" target="inlineframe" alt="Her Words">
<area shape="rect" coords="430,270,345,305" href="http://www.napalmtheory.com/pictures.html" target="inlineframe" alt="Her Pictures">
<area shape="rect" coords="510,270,430,305" href="http://www.napalmtheory.com/thesite.html" target="inlineframe" alt="The Theory">
</map>

</td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="0" width="900">
<tr>
<td bgcolor="#000000" width="50"></td>
<td bgcolor="#000000" width="650"><iframe frameborder="0" src="http://www.napalmtheory.com/frame1.html" name="inlineframe" width="600" height="800" marginwidth="0" marginheight="0"></iframe></td>
<td bgcolor="#000000" width="200" valign="top"><font color="white">



<center>

<iframe frameborder="0" src="http://www.tag-board.com/my.tag?name=napalmtheory" name="tag" width="175" height="90"
marginwidth="0" marginheight="0"></iframe>

<script>netscape_support();</script>
<a href="http://www.tag-board.com/" target="_new"><font color="white"><center>Powered by TagBoard</font></a>
<form action="http://www.tag-board.com/add.tag" method="post" name="tagform" target="tag">
<input type="hidden" name="name" value="napalmtheory">

<font size="1"><input name="tagname" maxlength="20" name="tagname" value="Name" onFocus="if (this.value == 'Name') {this.value='';}; return true;" style="width: 46px; height: 20px; overflow: hidden; border: 1px dashed #999999; background-color:#000000;color: white; font-family: Century Gothic; font-size: 10px">
<input type="text" name="tagurl" maxlength="100" border="0" value="E-mail or URL" onFocus="if (this.value == 'E-mail or URL') {this.value='';}; return true;" style="width: 46px; height: 20px; overflow: hidden; border: 1px dashed #999999; background-color:#000000;color: white; font-family: Century Gothic; font-size: 10px">
<input maxlength="200" value="Ramble" onFocus="if (this.value == 'Ramble') {this.value='';}; return true;" name="message" style="width: 46px; height: 20px; overflow: hidden; border: 1px dashed #999999;background-color:#000000;color: white; font-family: Century Gothic; font-size: 10px">
<input class=button type="submit" value="Taggity" style="background-color: #000000; color: white; font-family: Century Gothic; font-size: 10px; border: dashed 1px #FFFFFF; width: 75px; height: 20px;" onclick="return Clear_Last_Message_on_Submit();">
</form>
<script>rememberme()</SCRIPT><br><br>

~-*=*-~<br><br>
<b>***HOSTEES***</b><br>
<a href="http://emotionsickness.napalmtheory.com" target="_blank"><img src="http://emotionsickness.napalmtheory.com/8831wheel.gif" border="0" alt="Caryn at (E)Motion Sickness"></a> <br><br>
<a href="http://jeff.napalmtheory.com" target="_blank">The X Effect</a><br><br>
------<br><br>

<a href="http://www.itheperson.net/" target="_blank"><img src="http://www.napalmtheory.com/erika_button.gif" border="0"></a>


</td>
</tr>
</table>


</html>