5542 sujets

Sémantique web et HTML

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
}
Modérateur
Bonjour,

Olivier C a écrit :
Et bien... heureusement que le css gère ce genre de choses :
td a {
    display: block; // pour un lien occupant toute la largeur disponible
}


Bien sûr avec
<td><a>...</a></td>   // valide
et non pas avec
<a><td>...</td></a>   // invalide


:D
j'ai testé Olivier C & Greg_Lumiere - ca marche Smiley biggrin - 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é ?
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).