PDA

View Full Version : tables with floating imagemap

darc
07-24-2002, 07:51 AM
Salut

I have created a very simple web page. 1 row / 2 datacells table. Floating image map on the left and content on the right. The problem is that as the image map floats along as the "user" scrolls the content, the co-ordinates for the image map shift and cannot be used. Is there any way I can keep the floating image map or will it have to be "fixed" to work?

Any insight anyone can offer will be:thumbsup:

thanx

Darc
joh6nn
07-24-2002, 09:23 AM
i think we'd need to see the code you're working with. as far as i know, those coordinates should shift with the image, and you shouldn't need to have it fixed, but i've never actually heard of anyone doing this before, and i'm working on theory and "how it ought to work" so i could be wrong.
darc
07-24-2002, 07:46 PM
Thank you so much for your reply :D

the code look something like:
<head>
<meta http-equiv="content-type"
content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="eatme.css" />
<style type="text/css">
#nav
{
position:fixed;
}

</style>
</head>
<body>
<table border="0" cellpadding="10" cellsapcing="0">
<tr>
<td width="224px" height="480px" valign="top">
<div id="nav">
<map name= "" id="">
<area shape="rect" coords="4,125
119,152" href="teatmehome.html" alt="EATMEhome"/>
<area shape="rect" coords="4,158
119,184" href="teatmerec.html" alt="EATMErecipes"/>
</map>
<img
src="jukenavmap.gif" height="480" width="224" border="0"
alt="eatmenavigation" usemap="#eatmejukenavmap" />
</div>
</td>
<td style="background-color:#efef9c">
<p>
CONTENT HERE
</p>

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

NOTE: I am a so very new to this... still have that new geek smell.

Any help you could offer would be so very appreciated

all the best

Darc
darc
07-24-2002, 07:59 PM
OOPS!!:o

what I meant to post was :

<head>
<meta http-equiv="content-type"
content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="eatme.css" />
<style type="text/css">
#nav
{
position:fixed;
}

</style>
</head>
<body>
<table border="0" cellpadding="10" cellsapcing="0">
<tr>
<td width="224px" height="480px" valign="top">
<div id="nav">
<map name= "" id="">
<area shape="rect" coords="4,125
119,152" href="" alt=""/>
<area shape="rect" coords="4,158
119,184" href="" alt="/>
</map>
<img
src="" height="" width="" border=""
alt="" usemap="" />
</div>
</td>
<td style="background-color:#efef9c">
<p>
CONTENT HERE
</p>

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