Td link (cross-browser)

Door Scrptr op 08-04-2008 19:55

1.407 views

Ik ben op zoek naar een mogelijkheid dat ik een cel van een tabel klikbaar kan maken, welke in iedere browser werkt. Vandaar ben ik bij css aangekomen.
Op internet heb ik de volgende css regels gevonden:
<style type="text/css">
td a{
width:100%;
height:100%;

}
td a:hover{
width:100%;
height:100%;

}
dit gebruik je dan als volgt:
<table><tr>
<a href=".."><td width='10' height='10'></td></a>
</tr></table>
In IE werkt dit redelijk, er komt enkel geeft de cursur niet aan dat het een link is. In andere browsers doet hij het helemaal niet.
Weet iemand hoe ik dit kan aanpassen/een betere oplossing?

Jesper Diovo

08-04-2008 19:57

<td onclick='window.location="http://www.je-eigenlijke-href.nl/";'>Tekst</td>;

Et voila, je td is clickable ;-).

N Niek Weevers

08-04-2008 19:59


<style type="text/css">
td a{
display: block;
width: 10px;
height: 10px;

}
</style>


<table>
<tr><td width="10" height="10"><a href=""></a></td></tr>
</table>

Nooit de a tag om de td tag heen zetten!!

S Scrptr

08-04-2008 20:49

@Djemo werkt voor alle browsers?

Reageren

Inloggen om te reageren