make a table a link without javascript?

[wolfing1]

In several of my pages I need to show an area with a background image
and HTML text in certain places. The restrictions I have is that I
can't use javascript or CSS positioning like 'float', so I did it with
a table.
I then tried <a href="..."><tab le ...>...</table></a and it worked in
Firefox but not in IE. I then found out that <tableshouldn 't go
inside <a>. So I put the <a href="..."insid e every <tdin the table,
but it doesn't cover the whole area for some reason.
This is the actual code (just removed stuff to make it smaller/clearer)
<table cellspacing="0" cellpadding="0"
style="backgrou nd-image:url(upper _image.jpg)">
<tr><td colspan="3"><a href="..."><img src="blank.gif" alt=" "
width="217" height="10" border="0"></a></td></tr>
<tr valign="top">
<td><a class="nulink" href="..."><img src="blank.gif" alt=" "
width="1" height="2 05" border="0"></a></td>
<td width="124" align="center">
<table cellspacing="0" cellpadding="0" style="margin-top:5px">
<tr><td align="center"> <a href="..."><spa n>text</span></a></td></tr>
<tr><td><a href="..."><img src="blank.gif" alt=" " width="1"
height="10" border="0"></a></td></tr>
<tr><td align="center" width="124"><a href="..."><spa n
class="ad6">tex t </span></a></td></tr>
<tr><td align="center" width="124"><a href="..."><spa n
class="ad6">tex t </span></a></td></tr>
<tr><td align="center" width="124"><a href="..."><spa n
class="ad6">tex t</span></a></td></tr>
</table>
</td>
<td><a href="..."><img src="blank.gif" alt=" " width="92" height="1"
border="0"></a></td>
</tr>
</table>

The problem is that the only clickable area is where the text is, not
the area below it. The table has 2 columns, one is a 205 px high line
so the image shows complete, the second column is a new table with the
actual text, problem is that the table doesn't cover the whole height
(205px) so the area below it is not clickable. I guess I can put
another row in this table with an image that covers the area, but
what'd happen if the user made the text larger? it'd probably push this
image down and screw the layout.
Not sure what to do here.

[Andy Dingley]

wo******@gmail. com wrote:

I then tried <a href="..."><tab le ...>...</table></a and it worked in
Firefox but not in IE. I then found out that <tableshouldn 't go
inside <a>.

Did you post this a week or two ago, or was it someone else with the
same question?

Put <a href="..." >...</ainside one or more <td>

Use JavaScript to make the whole table a clickable link, using an
onclick event handler.

It works as you want for most people with JS, and the non-JS fallback
is acceptable.

[wolfing1]

Andy Dingley wrote:

wo******@gmail. com wrote:

I then tried <a href="..."><tab le ...>...</table></a and it worked in
Firefox but not in IE. I then found out that <tableshouldn 't go
inside <a>.

Did you post this a week or two ago, or was it someone else with the
same question?

no wasn't me, but for some reason I didn't see that question when I
searched

Put <a href="..." >...</ainside one or more <td>

Use JavaScript to make the whole table a clickable link, using an
onclick event handler.

It works as you want for most people with JS, and the non-JS fallback
is acceptable.

yeah that's kinda like what I was doing (except for the javascript for
those with javascript enabled). Was thinking maybe there was something
I could do like height="100%" or something but don't think that works
or if it's even universally supported.
Thanks

[Harlan Messinger]

wo******@gmail. com wrote:

In several of my pages I need to show an area with a background image
and HTML text in certain places. The restrictions I have is that I
can't use javascript or CSS positioning like 'float', so I did it with
a table.
I then tried <a href="..."><tab le ...>...</table></a and it worked in
Firefox but not in IE. I then found out that <tableshouldn 't go
inside <a>. So I put the <a href="..."insid e every <tdin the table,
but it doesn't cover the whole area for some reason.

Because of margins, padding, etc.

Regarding getting an A to fill up a space, find some tips at

http://www.alistapart.com/articles/slidingdoors/

and the follow-up article,

http://www.alistapart.com/articles/slidingdoors2/