Klikbart tabel-element

Måske dette http://www.eksperten.dk/spm/677837

Går ikke ud fra det kan laves på en hel række... (Ved godt man kan gøre det for hver kolonne)

Så længe det ikke må være javascript tro jeg ikke det er muligt, for så er det noget med at det skal være <tr> som skal være link i hver række og det er ikke understøttet så vidt jeg ved.

okay. Hvordan kan man ellers lave en hovereffekt hvor alle kolonnerne skifter baggrundsfarve?

Her er måske noget http://www.vladdy.net/demos/iepseudoclassesfix.html men det er med javascript som du ikke ønsker.

I IE virker hover kun på a elementer, derfor er det ikke sådan lige at fikse.

Fandt en løsning.

Satte en hover-effekt på <tr> elementet (Er det valid kode?) og lavede links i hver kolonne. En ting oplevede jeg dog. Hvis jeg satte en højde på tabellen, dækkede linket ikke hele <td> elementet i højden. Den dækkede kun lige der hvor teksten var i højden altså. (Testede det med hover i IE)

Smid også lige et svar

Her er et svar :)

Ja der skal en line-height:50px; på dit a link for at få den med, om det er valid kode med hover på <tr>, det er jo kun at lave en test, men at det ikke virker i alle browser uden hack er nok ikke den vej man skal gå :)

Her er en anden måde, men virker kun i nogle browser http://lawrence.ecorp.net/inet/samples/dhtml-rollover-tble-rows-css.shtml

Der er hoverfunktioner i det ja. Der er dog et problem: Der er absolut ingen logik i hvordan det virker set med IE, aldrig set noget lignende og her taler vi det der er ren css!

<ole>

IE7+ understøtter hover på alle elementer. Det er dog en _rigtig_ skidt idé at bruge expressions i CSS til IE6. Expressions evalueres konstant, så det performer dårligt og bruger en bunke ressourcer.

Skift af CSS-klasser er heller ikke noget, der umiddelbart kan anbefales, da man hurtig kan sætte browseren på et stort ekstraarbejde med at beregne arveforholdene under den ændrede klasse.

Det eneste logiske ville være at bruge JavaScript. De 12 brugere på WWW, der har slået JavaScript, kan man nok godt tillade sig se bort fra  ;o)

/mvh
</bole>

Du kunne prøve dette:

<table>
  <tr onmouseover="bgColor='#FF9999'" onmouseout="bgColor='#FFFFFF'" onclick="window.location.href='http://www.google.dk'">
    <td>
      Test af noget spøjst.
    </td>
  </tr>
</table>

Det kræver dog javascript, men som Olebole siger, så glem de 0.00001% der ikke har javascript slået til. Det er aktiveret som standard i alle browere i dag.