Cellule clickable

Version imprimable

10/09/2005, 18h41
Caritan

Cellule clickable

Bonjour,

J'ose poser une question bête, comment rendre une cellule de tableau clickable :?:

Dans l'exemple ci-dessous, seul le contenu de la cellule est clickable, moi je voudrais toute la cellule (quoi que j'y mette dedans et même s'il n'y a rien)

Code:

<td><a href="#"">mon texte ici</a></td>

merci de m'aider :wink:
10/09/2005, 19h31
Kerod

As tu essayé l'évènement onclick sur le td ?
11/09/2005, 10h46
Nesmontou

Tu peux faire ça

Code:

<td><a href="#" style="display: block; width: 100%; height: 100%">mon texte ici</a></td>

Ca marche sous FF et IE 6.0 :wink:
11/09/2005, 17h12
Kerod

Moui disons que tu as dimensionné le <a< à la taille du td :wink:
11/09/2005, 23h09
Nesmontou

Citation:

Envoyé par Kerod

Moui disons que tu as dimensionné le <a< à la taille du td :wink:

Eh oui, c'est le seul moyen que j'ai trouvé pour avoir ce résultat (et c'est cette solution qui est généralement proposée pour ce problème) :wink:
12/09/2005, 11h45
Caritan

Cette solution est tentante, mais ne fonctionne pas sous FF,
ma ligne qui contenait 8 cellule horizontales est devenue une colone avec 8 lignes sous FF...

Mais merci tout de même, je continue à chercher, toutes les idées sont bienvenues :lol:

Citation:

Envoyé par Caritan

Cette solution est tentante, mais ne fonctionne pas sous FF

Ah bon :?: 8O

J'ai fait ça

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<html>
<head>
	<style>
                .lien {
                        display: block;
                        width: 100%;
                        height: 100%;
                        }
                
                .lien:hover {
                        background-color: yellow;
                        }
        </style>
</head>
<body>
<table width="800" align="center" cellspacing="2" cellpadding="0" border="0">
	<tr height="100">
		<td width="100" valign="middle" bgcolor="#000000"><a href="#" class="lien">Texte</a></td>
		<td width="100" valign="middle" bgcolor="#ff0000"><a href="#" class="lien">Texte</a></td>
		<td width="100" valign="middle" bgcolor="#00ff00"><a href="#" class="lien">Texte</a></td>
		<td width="100" valign="middle" bgcolor="#0000ff"><a href="#" class="lien">Texte</a></td>
		<td width="100" valign="middle" bgcolor="#ff00ff"><a href="#" class="lien">Texte</a></td>
		<td width="100" valign="middle" bgcolor="#ffffff"><a href="#" class="lien">Texte</a></td>
		<td width="100" valign="middle" bgcolor="#00ffff"><a href="#" class="lien">Texte</a></td>
		<td width="100" valign="middle" bgcolor="#ffff00"><a href="#" class="lien">Texte</a></td>
	</tr>
</table>
</body>
</html>

Ca marche sous FF 1.0.6 et IE 6.0