Cellule clickable

**Caritan** · 10/09/2005, 18h41

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

merci de m'aider

**Kerod** · 10/09/2005, 19h31

As tu essayé l'évènement onclick sur le td ?

**Nesmontou** · 11/09/2005, 10h46

Tu peux faire ça

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Ca marche sous FF et IE 6.0

**Kerod** · 11/09/2005, 17h12

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

**Nesmontou** · 11/09/2005, 23h09

Envoyé par Kerod

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

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)

**Caritan** · 12/09/2005, 11h45

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

**Nesmontou** · 12/09/2005, 18h59

Envoyé par Caritan

Cette solution est tentante, mais ne fonctionne pas sous FF

Ah bon

:

J'ai fait ça

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Cellule clickable

HTML

Vue hybride

Discussions similaires

Partager

Partager