PDA

View Full Version : Fitting an image map in a table

SakuraChan
06-23-2003, 05:05 PM
I'm having a problem. I used the CoffeeCup Image Mapper for a layout that's been sliced, and when I put it in the table, the entire image gets screwy. Here's my html, and I'd REALLY appreciate some help! Mucho Gracias!

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>tobylayout</title>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</head>
<body BGCOLOR=#FFFFFF>
<!-- ImageReady Slices (tobylayout.jpg) -->
<table WIDTH=600 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<tr>
<td ROWSPAN=3>

<img SRC="http://operationalias.com/art/tobylayout_01.gif" width=17 height=331></td>
<td>
<img SRC="http://operationalias.com/art/tobylayout_02.gif" width=321 height=19></td>
<td ROWSPAN=2 width="74" height="306">
<!-- ImageReady Slices (tobylayout_03.gif) -->
<IMG SRC="http://operationalias.com/art/tobylayout_03.gif" WIDTH=74 HEIGHT=306 BORDER=0 USEMAP="#tobylayout_03_Map">
<MAP NAME="tobylayout_03_Map">
<AREA SHAPE="rect" ALT="Credits" COORDS="26,252,63,286" HREF="http://operationalias.com/art/credits.html">
<AREA SHAPE="rect" ALT="Links" COORDS="27,209,60,240" HREF="http://operationalias.com/art/links.html">
<AREA SHAPE="rect" ALT="Layouts" COORDS="26,168,63,198" HREF="http://operationalias.com/art/layouts.html">
<AREA SHAPE="rect" ALT="Movies and Actors" COORDS="25,125,62,156" HREF="http://operationalias.com/art/movies.html">
<AREA SHAPE="rect" ALT="Alias" COORDS="28,87,58,115" HREF="http://operationalias.com/art/alias.html">
<AREA SHAPE="rect" ALT="The Artist" COORDS="27,47,60,80" HREF="http://operationalias.com/art/artist.html">
</MAP>
</td>
<td ROWSPAN=2>
<img SRC="http://operationalias.com/art/tobylayout_04.gif" width=188 height=306></td>
</tr>
<tr>

<td>
<img SRC="http://operationalias.com/art/tobylayout_05.gif" width=321 height=287></td>
</tr>
<tr>
<td COLSPAN=3>
<img border="0" src="http://operationalias.com/art/tobylayout_06.gif" width="583" height="25"></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>

</html>
kittycat
06-23-2003, 06:01 PM
By "screwy" do you mean that there are spaces between the images?

If so, try taking out any 'white spaces' in the code (reduce the amount of space in the code).

Also take out the image map code and move it so that it's either before or after the table code. It doesn't matter where it is on the page, it will still work :)

If it's not spaces between images, it would help to see what the problem is or more of a description.
SakuraChan
06-23-2003, 06:25 PM
The pieces aren't fitting together. So that's my problem.

http://operationalias.com/art/preview.html
kittycat
06-23-2003, 07:13 PM
If you do what I mentioned in my above post, you should be able to fix that :) I tried it, and it works.
SakuraChan
06-24-2003, 04:02 PM
Thanks VERY much! :)