Pas d'action au survol d'une image dans un tableau

**F6AAP** · 08/02/2018, 11h31

Bonjour,

J'ai créer un organigramme avec photo dans un tableau.

Je souhaitais au survol de la photo pouvoir l'agrandir mais cela ne fonctionne pas.

Je ne sais pas si le fait d'utiliser un tableau inhibe la fonction hover.

ci-dessous le code HTML et CSS

Code HTML :

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
<!DOCTYPE html>
<html>
	<head>
		<meta charset="uft-8" />
		<meta name="generator" content="PSPad editor, www.pspad.com">
		<meta name="author" content="http://radservebeer.free.fr">
		<meta name="generator" content="PSPad editor, www.pspad.com">
		<title>Titre</title>
		<link rel="stylesheet" href="Index.css" /> 
		<link rel="stylesheet" href="bureau.css" /> 		
	</head>
	<body>
		<div id="bloc_page"> 
 
	<header>
		<div id="conteneur1">
			<div class="element"><img src="Logo-ARA-61-HD.jpg" alt "Logo ARA-61" ></div>
			<div class="element">ASSOCIATION DES RADIOAMATEURS DE L'ORNE<br /><br />ARA-61<br />
				<h1>ARA-61 affiliée au REF association loi 1901 à but non lucratif</h1>	
				<h2>Site hébergé par les serveurs du REF</h2>
			</div>
			<div class="element"><img src="Logo-REF-HD.jpg" alt "Logo REF" ></div>
		</div>
	</header>
<ul id="menu">
	<li class="current"><a href="#">ACCUEIL</a></li>
	<li><a href="#">ASSOCIATION</a>
		<ul>
			<li><a href="#">LA VIE DE L'ARA-61<img src="images/multi.png" border="0" width="15" height="15" alt="" align="absmiddle"></a>
				<ul>
					<li><a href="#">Notre calendrier</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/Dernier CR de Réunion.pdf" target="_blank">CR dernière réunion de bureau</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/CR AG.pdf" target="_blank">CR dernière AG</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/Liste des OM du 61.pdf" target="_blank">Liste des radioamateurs du 61</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/Adherants-ARA-61.pdf" target="_blank">Liste de nos adhérents</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/Les AG du 61.pdf" target="_blank">Lieu de nos differentes AG</a></li>
				</ul>
			</li> 
			<li><a href="#">LES STATUTS <img src="images/multi.png" border="0" width="15" height="15" align="absmiddle"></a>
				<ul>
					<li><a href="/home/daniel/Documents/HTML/Docs/Statuts ARA-61-2014-04-13.pdf" target="_blank">Les Statuts</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/Reglement Interieur ARA-61-2014-04-13.pdf" target="_blank">Réglement intérieur</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/Recipisse Prefecture ARA-61.jpg" target="_blank">Récipissé préfecture</a></li>
				</ul>
			</li>	
			<li><a href="#">INFORMATIONS DIVERSES<img src="images/multi.png" border="0" width="15" height="15" alt="" align="absmiddle"></a>
				<ul>
					<li><a href="/home/daniel/Documents/HTML/Docs/Historique du REF 61.pdf" target="_blank">Historique du REF</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/REF-61 1950.pdf" target="_blank">Le REF 61 dans les années 50</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/Les radioamateurs du 61 avant 1945.pdf" target="_blank">Les OM du 61 avant 1945</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/La presse.pdf" target="_blank">Ce qu'en dit la presse</a></li>
				</ul>
			</li>
			<li><a href="#">ACTIVITES<img src="images/multi.png" border="0" width="15" height="15" alt="" align="absmiddle"></a>
				<ul>
					<li><a href="http://dfcf-orne.over-blog.com/" target="_blank">Le DFCF de l'Orne</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/Activites 2014.pdf" target="_blank">Activité 2014</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/Activation de TM61FDC.pdf" target="_blank">Activation TM61FDC</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/Telegraphe Chappe 07-06-2015.pdf" target="_blank">Télégraphe de Chappe 07-06-2015</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/Activites 2015.pdf" target="_blank">Activités 2015</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/TM61FDC2016.pdf" target="_blank">Fête du ciel 2016 à L'AIGLE</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/TM61THF 2016-1.pdf" target="_blank">Activation TM61THF 2016</a></li>
				</ul>
			</li>
		</ul>
	</li>
	<li><a href="#">REGLEMENTATION</a>
		<ul>
			<li><a href="/home/daniel/Documents/HTML/Docs/Ethique RadioAmateur.pdf" target="_blank">L'étique du radioamateur </a></li>
			<li><a href="/home/daniel/Documents/HTML/Docs/La Nouvelle Reglementation presenté par F6GPX.pdf" target="_blank">La nouvelle réglementation </a></li>
			<li><a href="https://www.legifrance.gouv.fr/affichTexte.do?cidTexte=JORFTEXT000027144455" target="_blank">Journal officiel du 07/03/2013 concernant le service amateur </a></li>
		</ul>
	</li>
	<li><a href="#">LE BULLETIN</a>
		<ul>
			<li><a href="#">ANNEES 2017-2015<img src="images/multi.png" border="0" width="15" height="15" align="absmiddle"></a>
				<ul>
					<li><a href="/home/daniel/Documents/HTML/Docs/GALENE 61 N°73.pdf" target="_blank">Galène N° 73 Decembre 2017</a></li>	
					<li><a href="/home/daniel/Documents/HTML/Docs/GALENE 61 N°72.pdf" target="_blank">Galène N° 72 Juillet/Aout 2017</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/GALENE 61 N°71.pdf" target="_blank">Galène N° 71 Mars 2017</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/GALENE 61 N°70.pdf" target="_blank">Galène N° 70 Decembre 2016</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/GALENE 61 N°69.pdf" target="_blank">Galène N° 69 Novembre 2016</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/GALENE 61 N°68.pdf" target="_blank">Galène N° 68 Juin 2016</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/GALENE 61 N°67.pdf" target="_blank">Galène N° 67 Mars 2016</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/GALENE 61 N°66.pdf" target="_blank">Galène N° 66 Decembre 2015</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/GALENE 61 N°65.pdf" target="_blank">Galène N° 65 Nov-Dec 2015</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/GALENE 61 N°64.pdf" target="_blank">Galène N° 64 Mai 2015</a></li>
				</ul>
			<li><a href="#">ANNEES 2014-2012<img src="images/multi.png" border="0" width="15" height="15" align="absmiddle"></a><!-- n2 -->
				<ul>
					<li><a href="/home/daniel/Documents/HTML/Docs/GALENE 61 N°63.pdf" target="_blank">Galène N° 63 Novembre 2014</a></li>	
					<li><a href="/home/daniel/Documents/HTML/Docs/GALENE 61 N°62.pdf" target="_blank">Galène N° 62 Mai 2014</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/GALENE 61 N°61.pdf" target="_blank">Galène N° 61 Mars 2014</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/GALENE 61 N°60.pdf" target="_blank">Galène N° 60 Decembre 2013</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/GALENE 61 N°59.pdf" target="_blank">Galène N° 59 Octobre 2016</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/GALENE 61 N°58.pdf" target="_blank">Galène N° 58 Fevrier 2013</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/GALENE 61 hors serie 12-2012.pdf" target="_blank">Galène hors-serie Decembre 2012</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/GALENE 61 N°57.pdf" target="_blank">Galène N° 57 Novembre 2012</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/GALENE 61 N°56.pdf" target="_blank">Galène N° 56 Fevrier 2012</a></li>
				</ul>
		</ul>
	</li>
	<li><a href="#">LE DIPLOME</a>
		<ul>
			<li><a href="/home/daniel/Documents/HTML/Docs/Le Diplome du 61.pdf" target="_blank">Conditions d'attribution</a></li>	
		</ul>
	</li>
	<li><a href="relais.html" target="_blank"">LE RELAIS R4</a>
	</li>
	<li><a href="#">LIENS</a>
		<ul>
			<li><a href="#">ASSOCIATIONS<img src="images/multi.png" border="0" width="15" height="15" align="absmiddle"></a>
				<ul>
					<li><a href="http://www.ref-union.org/" target="_blank">REF</a></li>	
					<li><a href="http://f6kcz.free.fr/" target="_blank">Radioclub du 14</a></li>
					<li><a href="http://ref50.jimdo.com/" target="_blank">Le site du 50</a></li>
					<li><a href="http://www.adrasec61.fnrasec.org/" target="_blank">ADRASSEC 61</a></li>
					<li><a href="http://arrl.org/" target="_blank">ARRL</a></li>
					<li><a href="http://f4dxu.pagesperso-orange.fr/" target="_blank">F4DXU</a></li>
				</ul>
			<li><a href="#">ADMINISTRATIONS<img src="images/multi.png" border="0" width="15" height="15" align="absmiddle"></a>	
				<ul>
					<li><a href="http://amatpres.anfr.fr/presentation.do?reqCode=annuaire" target="_blank">ANFR</a></li>	
					<li><a href="http://www.ornetourisme.com/" target="_blank">Le tourisme dans le 61</a></li>
				</ul>			
			<li><a href="#">INFORMATIONS<img src="images/multi.png" border="0" width="15" height="15" align="absmiddle"></a>
				<ul>
					<li><a href="http://www.eqsl.cc/" target="_blank">Eqsl gestion electronique des QSL</a></li>	
					<li><a href="http://www.qrz.com/" target="_blank">QRZ recherche d'indicatifs</a></li>
					<li><a href="http://qrzcq.com/" target="_blank">QRZCQ recherche indicatifs et autres infos</a></li>
					<li><a href="http://www.dxzone.com/dx5641/qrz-ru-russian-hamradio-server.html" target="_blank">QRZRU recherche indicatifs pays de l'est</a></li>
					<li><a href="http://hamcall.net/call" target="_blank">recherche indicatifs les plus connus</a></li>
					<li><a href="http://www.dxinfocentre.com/tropo.html" target="_blank">Prévisions propagation</a></li>
					<li><a href="http://www.hamqsl.com/solar.html" target="_blank">Activité solaire</a></li>
					<li><a href="http://www.udppc.asso.fr/bupdoc/index.php" target="_blank">Bulletin de l'union des physiciens</a></li>
				</ul>
		</ul>
	</li>
	<li><a href="#">TECHNIQUE</a>
		<ul>
			<li><a href="#">REALISATIONS<img src="images/multi.png" border="0" width="15" height="15" align="absmiddle"></a>
				<ul>
					<li><a href="/home/daniel/Documents/HTML/Docs/Réalisation Bingo.pdf" target="_blank">Transceiver 3 bandes (80, 40, 20) (F1FOI, F6AAP)</a></li>	
					<li><a href="/home/daniel/Documents/HTML/Docs/Alimentation 28V.pdf" target="_blank">Alimentation 28 V (F1DOI)</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/Des petits coffrets à QSJ QRP.pdf" target="_blank">Des petits coffrets à QSJ QRP (F1DOI)</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/Faites revivre les Tubes.pdf" target="_blank">Faites revivre vos tubes (F1DOI)</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/Mesureur de Champ simple.pdf" target="_blank">Mesureur de champ simple (F1DOI)</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/Girouette.pdf" target="_blank">Girouette (F1DOI)</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/Réception Satellite.pdf" target="_blank">La réception satellite (F4GOP)</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/manipulateur cw.pdf" target="_blank">Manipulateur pour la CW (F4GOP)</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/Alimentations de Serveur DELL en Alimentation de Labo.pdf" target="_blank">Alimentation serveur dell en alimentation labo (F1DOI)</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/Charge Fictive.pdf" target="_blank">Charge fictive (F4GOP)</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/Un connecteur simple.pdf" target="_blank">Un connecteur simple (F1DOI)</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/Transformez votre Analyseur en Q Metre.pdf" target="_blank">Transformez voutre analyser en Q-métre (F1DOI)</a></li>
				</ul>
			<li><a href="#">DESCRIPTIONS<img src="images/multi.png" border="0" width="15" height="15" align="absmiddle"></a>	
				<ul>
					<li><a href="/home/daniel/Documents/HTML/Docs/Adaptation EN-1487 pour FT-847.pdf" target="_blank">Adaptation de l'interface EN-1487 pour FT-847 (F1DOI)</a></li>	
					<li><a href="/home/daniel/Documents/HTML/Docs/Convertisseur 14-144 MHz.pdf" target="_blank">Convertisseur 14-144 Mhz (F1DOI)</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/Modification FT221R.pdf" target="_blank">Modification du FT221R (F1DOI)</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/Panne sur le FT 897.pdf" target="_blank">Panne sur le FT897 (F5LTI)</a></li>
				</ul>			
			<li><a href="#">DOCUMENTATIONS<img src="images/multi.png" border="0" width="15" height="15" align="absmiddle"></a>
				<ul>
					<li><a href="http://www.antenna-theory.com/" target="_blank">La théorie des antennes (anglais) (F1DOI)</a></li>	
					<li><a href="/home/daniel/Documents/HTML/Docs/Technique Fibre Optique.pdf" target="_blank">La technique de la fibre optique (F5HVI)</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/Cable Coaxial.pdf" target="_blank">Les câbles coaxiaux (F5HVI)</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/Performances des différents modes.pdf" target="_blank">Performance des modes de transmission (F1DOI)</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/Galene-61 la Technique.xls" target="_blank">Galène 61 liste des articles techniques (F1DOI)</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/Piles-Bouton-Equivalence-IEC.pdf" target="_blank">Pile bouton équivalence IEC (F5CTB)</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/argenture du cuivre.pdf" target="_blank">Argenter vos CI (F6AAP)</a></li>
					<li><a href="/home/daniel/Documents/HTML/Docs/Etamage du cuivre.pdf" target="_blank">Etamer vos CI (F6AAP)</a></li>
				</ul>
		</ul>
	</li>
	<li><a href="#">HISTOIRE</a>
		<ul>
			<li><a href="/home/daniel/Documents/HTML/Docs/La Tour Eiffel sauvee par la Radiox.pdf" target="_blank">Comment la radio a sauvée la Tour Eiffel (F1DOI)</a></li>	
			<li><a href="/home/daniel/Documents/HTML/Docs/Traitement par la HF en 1913.pdf" target="_blank">Traitement par la HF en 1913</a></li>		<li><a href="/home/daniel/Documents/HTML/Docs/Telegraphie Optique en 1870.pdf" target="_blank">Télégraphie optique en 1870 (F1DOI)</a></li>	
			<li><a href="/home/daniel/Documents/HTML/Docs/La télégraphie dans l'Orne 1870.pdf" target="_blank">La télégraphie dans l'Orne en 1870 (F1DOI)</a></li>	
			<li><a href="http://www.cargos-paquebots.net/Revue%20de%20presse/histoire_de_saint_lys_radio.pdf" target="_blank">Histoire de Saint Lys radio</a></li>	
			<li><a href="/home/daniel/Documents/HTML/Docs/Historique Affichage Digital.pdf" target="_blank">Historique de l'affichage digital (F1DOI)</a></li>		
		</ul>
	</li>
	<li><a href="#">INFORMATIQUE</a>
		<ul>
			<li><a href="/home/daniel/Documents/HTML/Docs/Reparer une Cle USB.pdf" target="_blank">Répérer une clé USB (F1DOI)</a></li>	
			<li><a href="/home/daniel/Documents/HTML/Docs/Messagerie.pdf" target="_blank">Bien utiliser sa messagerie (F6AAP)</a></li>			
			<li><a href="/home/daniel/Documents/HTML/Docs/Linux partie 1.pdf" target="_blank">LINUX alernative à WINDOWS (F6AAP)</a></li>	
			<li><a href="/home/daniel/Documents/HTML/Docs/Gifs.pdf" target="_blank">Les fichiers GIFS dans les messagerie (F1DOI)</a></li>		
		</ul>
	</li>
	<li><a href="#">PETITES ANNONCES</a>
	<li><a href="#">CONTACTS</a><!-- n1 -->
 
	</li>
</ul>	
<div id="conteneur3">
		<div id="textebureau">
			<h1>ORGANIGRAMME DU BUREAU</h1>
 
			<table>
				<tr>
					<td></td>
					<td></td>
					<td></td>
					<td style="color: blue">Président</td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				<tr id="lg1">
					<td></td>
					<td></td>
					<td></td>
					<td> <img src="F5LEY.JPG" /></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
				<tr style="font-weight: bold;">
					<td></td>
					<td></td>
					<td></td>
					<td>Jacky F5LEY</td>
					<td></td>
					<td></td>
					<td></td>
				</tr>		
				<tr style="height: 40px; color: blue;">
					<td></td>
					<td>Secrétaire</td>
					<td></td>
					<td>Secrétaire adjoint</td>
					<td></td>
					<td>Tésorier</td>
					<td></td>
					</div>
				</tr>
				<tr >
					<td></td>
					<td> <img src="F1DOI.JPG" /></td>
					<td></td>
					<td> <img src="F8CGY.jpg" /></td>
					<td></td>
					<td> <img src="F1BIO.JPG" /></td>
					<td></td>
				</tr>
				<tr style="font-weight: bold;">
					<td></td>
					<td>Michel F1DOI</td>
					<td></td>
					<td>Yves F8CGY</td>
					<td></td>
					<td>Michel F1BIO</td>
					<td></td>
				</tr>	
				<tr style="height: 40px;color: blue">
					<td>Webmaster</td>
					<td></td>
					<td>Resp. Galène</td>
					<td></td>
					<td>Resp. Relais F6ZCE</td>
					<td></td>
					<td>QSL manager</td>
				</tr>
				<tr>
					<td> <img src="F6AAP.jpg" /></td>
					<td></td>
					<td> <img src="F4HAQ.JPG" /></td>
					<td></td>
					<td> <img src="F4AKO.JPG" /></td>
					<td></td>
					<td> <img src="F5JLP.JPG" /></td>
				</tr>
				<tr style="font-weight: bold;">
					<td>Daniel F6AAP</td>
					<td></td>
					<td>Jérome F4HAQ</td>
					<td></td>
					<td>Gerald F4AKO</td>
					<td></td>
					<td>Christian F5JLP</td>
				</tr>
				<tr style="height: 40px;color: blue">
					<td></td>
					<td>Diplôme Manager</td>
					<td></td>
					<td>Membre</td>
					<td></td>
					<td>Membre</td>
					<td></td>
				</tr>
				<tr>
					<td></td>
					<td> <img src="F5JLS.JPG" /></td>
					<td></td>
					<td> <img src="F4GNN.JPG" /></td>
					<td></td>
					<td> <img src="F5CTB.jpg" /></td>
					<td></td>
				</tr>
				<tr style="font-weight: bold;">
					<td></td>
					<td>Alain F5JLS</td>
					<td></td>
					<td>Christophe F4GNN</td>
					<td></td>
					<td>Alain F5CTB</td>
					<td></td>
				</tr>
				</table>		
		</div>
 
</div>
 
</body>
 
 
</html>

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
#textebureau
{
	float:rigth;
	width:97%;
	height:680px;
	background-color:#FFFFCC;
	border: 2px solid black;
	margin-left:10px;
	margin-right: 0px;
	margin-top: 10px;
}
#textebureau h1
{
	color:#FF3300;
	font-size: 20px;
	text-align: center;		
}
td{
width: 15%;
}
#lg1:hover
{
	width : 150px;
	height: 150px;
}

Merci par anticipation pour les réponses fournies,

Cordialement

**JefReb** · 08/02/2018, 14h17

Il n'y a pas besoin de définir un id #lg1 pour cela (d'ailleurs je pense qu'il vaut mieux utiliser des classes plutôt que trop d' id)
il suffit de cibler directement les images:

Code css :

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

1
2
3
4
#textebureau > table img:hover	{
	width : 150px;
	height: 150px;
}

Mais dans ce cas ça marche mais alors il y a un décalage de ton tableau puisque l'image prend sa place dans le flux.
Il faudra passer par un popup.

De plus il faut éviter de coder directement en "dur" le style dans les balises html, cela fait perdre de la souplesse et le débuggage devient vite infernal.
c'est mon avis, c'est vous qui voyez ...

**JefReb** · 08/02/2018, 14h30

En popup, et à la louche donc à adapter voici un code:

Code css :

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
#textebureau > table > tr td	{
	position:relative;
}
#textebureau > table img	{
	position:relative;
	top: 0;
	left: 0;
	width: 50px;
	height: 50px;
	overflow: hidden;
	min-width: 100%;
	min-height: 100%;
	max-width: 150px;
	max-height: 150px;
}
#textebureau > table img:hover	{
	overflow: visible;
  	z-index: 2;
	transform: scale(3);
}

**F6AAP** · 09/02/2018, 16h06

Bonjour,

Je vous remercier pour vos réponses.

La solution proposée correspond à ce que je souhaitais.

Merci pour votre aide,

Cordialement

Pas d'action au survol d'une image dans un tableau

Tableau en CSS

Discussions similaires

Partager

Partager