Brug af <a href>

Se den her side:
http://activedeveloper.dk/artikler/default.asp?articleid=276#

Hvis du sætter style på dit link skulle det virke:
<a href="#" style="display:block"><img src="image10.gif" name="Home" border="0" id="Home"></a>

lav noget i stil med:

<table height="100%" width="970" cellpadding="0" cellspacing="0">
<tr>
<td class="text" bgcolor="#FFFFFF" valign="top" height="100%">
    <div onclick="location.href='www.google.dk'" onmouseover="style.cursor='hand';">
    <table border="0" width="164" bgcolor="#D1DBE3" bordercolor="#D1DBE3">
        <tr>
            <td class="text" width="100%">
                <strong>&nbsp;&nbsp;menupunkt1</strong>

            </td>
        </tr>
    </table>
    </div>
    <div onclick="location.href='www.google.dk'" onmouseover="style.cursor='hand';">
    <table border="0" width="164" bgcolor="#D1DBE3" bordercolor="#D1DBE3">
        <tr>
            <td class="text" width="100%">
                <strong>&nbsp;&nbsp;menupunkt2</strong>

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

Hov brug denne:

<div onmouseover="style.backgroundColor='#D1DBE3'; style.bordercolor='#D1DBE3'; style.cursor='hand';" onmouseout="style.backgroundColor='transparent';" onclick="location.href='www.google.dk'">

istedet for de andre 2 divs jeg har smidt i min første kommentar

Eller prøv måske:

<style type="text/css">
.Menu{border-collapse:collapse;border:2px solid red;width:100%;}
.Menu td{width:41px;cursor:pointer;}
</style>

<table class="Menu">
  <tr>
    <td onclick="location.href='Home';"><img src="image10.gif"></td>
    <td onclick="location.href='Projects';"><img src="image11.gif"></td>
  </tr>
</table>

-- cursor:hand; er IE only og iøvrigt er det noget vrøvl at sætte en cursor onmouseover, da den under alle omstændigheder kun giver mening, når musen er over, så den skal altid sættes i style !-)

-- og jeg glemte lige en detalje:

.Menu td{width:41px;cursor:pointer;margin:0;padding:3px;}

Jeg sætter følgende linie ind i <a href ...  style="display:block"> og det virker også fint nok bortset fra at når jeg skriver noget tekst ligefør </a> så flytter den højre cellevæg sig selvom der er forholdsvis god plads mellem tekst og cellevæg. Hvad skal jeg gøre for at cellevæggen ikke ændrer sig mod højre jp tekst man skriver, men står permanent fast.