Forum Moderators: not2easy
Anyway, for this project I want/need to use tables instead of DIV's and so on for layout... I want the whole cell <td> to act as the link.
The Problem is that only the first table cell works this way. The rest of them you have to place the mouse directly on the text to activate the link. This problem occurs in IE 6, but this approach works fine in Mozilla. So, I'm kinda at a loss.. I've searched around and double checked my Code without much luck.. I'd appreciate any help..
Here's some simplified Code:
<!----- HTML ----->
<table border="2" cellpadding="0" cellspacing="0" bordercolor="#000000" width="100%">
<tr>
<td width="100%" height="50"><a href="index.html" class="menuLink1" >Link 1</a></td>
</tr>
<tr>
<td width="100%" height="50"><a href="index.html" class="menuLink1" >Link 2</a></td>
</tr>
<tr>
<td width="100%" height="50"><a href="index.html" class="menuLink1" >Link 3</a></td>
</tr>
<tr>
<td width="100%" height="50" ><a href="index.html" class="menuLink1" >Link 4</a></td>
</tr>
</table>
/*--- CSS -----------------------------*/
a.menuLink1:link, a.menuLink1:visited, a.menuLink1:active
{
display: block;
padding: 10px 30px 10px 10px;
}
a.menuLink1:hover
{
Color: #f00;
}
Also, if I put these links oustide of table, the a:hover area stretches all the way accross the page(or Div?). I was wondering if anyone could point me in the direction of some help; should I be using width and height attributes on the anchor?
Again, thanks for any help...
-Jay_R