hel TD som link

<td onclick="document.location='side.html';">tekst</td>

//>Rune

<td onmouseover="this.backgroundColor='#336699';" onclick="document.location='side.html';">tekst</td>

//>Rune

Hvad med teksten? farveskift..?

Undskyld, sådan her:

<td onmouseover="this.style.backgroundColor='#336699';" onclick="document.location='side.html';">tekst</td>

//>Rune

Måske er det mere sådan her du vil ha' det?

<td onmouseover="this.style.backgroundColor='#336699'; this.style.color='#ff0000';" onmouseout="this.style.backgroundColor='#ffffff'; this.style.color='#000000';" onclick="document.location='side.html';">tekst</td>

//>Rune

medions: jeps.. problemet er bare at der ikke vises en hånd over linket /td .. og man kan editte teksten.. har set det gjort som om hele td (plus indhold) var et stort link..

<td style="pointer: hand;" onmouseover="this.style.backgroundColor='#336699'; this.style.color='#ff0000';" onmouseout="this.style.backgroundColor='#ffffff'; this.style.color='#000000';" onclick="document.location='side.html';">tekst</td>

//>Rune

hand virker stadig ikke..

Hov, undskyld...

<td style="cursor: hand;" onmouseover="this.style.backgroundColor='#336699'; this.style.color='#ff0000';" onmouseout="this.style.backgroundColor='#ffffff'; this.style.color='#000000';" onclick="document.location='side.html';">tekst</td>

//>Rune

Perfekt :)

Måske skulle du oxo lige acceptere mit svar oxo :)

//>Rune

kan klares uden javascript...

--------------------------------------------------------------------------
<style type="text/css">
<!--
td {
    width:150px;
    border:1px solid black;
    vertical-align:center;
    text-align:center;
}
td a {
    background:#eee;
    display:block;
    width:100%;
    height:100%;
}
td a:hover {
    background:#666;
}
-->
</style>

<table>
    <tr>
        <td><a href="#">Link</a></td>
    </tr>
</table>
--------------------------------------------------------------------------

exp's løsning er nok at foretrække, men hvis du vælger medions' bør du rette:
  cursor: hand;
til:
  cursor: pointer;
og:
  document.location='side.html';
til:
  location.href='side.html';

skal ikke bruges på ALLE td's på siden.. så derfor er exp's ikke løsbar :)

Det er da bare at definere de enkelte TD'er...:


<style type="text/css">
<!--
td.klasse1 {
    width:150px;
    border:1px solid black;
    vertical-align:center;
    text-align:center;
}
td.klasse1 a {
    background:#eee;
    display:block;
    width:100%;
    height:100%;
}
td.klasse1 a:hover {
    background:#666;
}
td.klasse2 {
    border:1px dotted red;
    vertical-align:top;
}
td.klasse2 a {
    color:red;
    text-decoration:none;
}
td.klasse2 a:hover {
    color:black;
    text-decoration:underline;
}
-->
</style>

<table>
    <tr>
        <td class="klasse1"><a href="#">Link</a></td>
        <td class="klasse2"><a href="#">Link</a></td>
    </tr>
</table>