[Résolu] Lien sur une cellule de tableau

bonjour

je souhaite que toute la cellule d'un tableau soit cliquable (et non que le texte à l'intérieur) afin que cette cellule serve de lien

je vois une solution en Javascript :

<td onclick="location.href='lien.html'">bla bla ...</td>

mais je préfèrerais éviter Javascript et obtenir la même chose en HTML - mais es-ce possible ?

merci d'avance de vos réponses

Et bien... heureusement que le css gère ce genre de choses :

td a {
    display: block; // pour un lien occupant toute la largeur disponible
}

@Greg_Lumiere. Oui bien sûr. Dans le deuxième exemple le CSS proposé n'aurait pas fonctionné...

bonne nouvelle - je vais tester cela avec CSS

bonsoir,

une astuce avec les pseudo permet d'augmenter la zone reactive a la souris d'un lien.

En exagerant les dimensions, on peut rendre son conteneur ou toute une page cliquable.

une <td>en overflow:hidden: http://codepen.io/gc-nomade/pen/WQqBmb ou un lien unique a 3 endroits : http://codepen.io/gc-nomade/pen/zvVQQd

++

j'ai testé Olivier C & Greg_Lumiere - ca marche - toute la cellule est cliquable même dans les endroits où il n'y a pas de texte

je me demandai également - comment afficher le texte (<a> bla bla ... </a>) dans cette cellule sans qu'il soit souligné ?

td a:focus,
td a:hover,
td a:active {
  text-decoration: none;
}

gc-nomade a écrit :
bonsoir,

une astuce avec les pseudo permet d'augmenter la zone reactive a la souris d'un lien.

En exagerant les dimensions, on peut rendre son conteneur ou toute une page cliquable.

une &lt;td&gt;en overflow:hidden: http://codepen.io/gc-nomade/pen/WQqBmb ou un lien unique a 3 endroits : http://codepen.io/gc-nomade/pen/zvVQQd

++

Pas mal ! Voilà une solution à retenir.

ca marche Olivier C merci pour l'info - j'ai légèrement modifié le code pour que le soulignement n'apparaisse jamais

td a {text-decoration: none;}

sinon le soulignement s'affiche quand le curseur n'est pas au dessus de la cellule
Modifié par MIR2002 (29 Nov 2015 - 13:12)

td a,
td a:focus,
td a:hover,
td a:active {text-decoration: none;}

... et plus de soulignement quoi qu'il arrive (sauf une surcharge de la règle ailleurs dans le code).