Image au survol dans un tableau

**api82** · 19/01/2017, 09h41

Bonjour,

J'ai installé sur mon site un tableau pour visualiser un calendrier des floraisons.
Les données s'affichent correctement et la souris détecte bien l'image contenue dans la cellule photos, mais le format de la ligne est redimensionné.
Je souhaiterais que l'image apparaisse en plus grand, en survol et en superposition (foreground ) , sans modifier les dimensions de la ligne.
Mon code html

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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="stylecalendar.css">
</head>
<body>
<table>
<CAPTION><FONT FACE="ARIAL" SIZE="8" , color=#000000 >Tableau de floraison des fleurs méllifères</FONT></CAPTION>
<thead>
<tr>
<th>Nom commun</th>
<th>Photos</th>
<th>Nom latin</th>
<th>Famille</th>
<th>Floraison</th>
<th>Nectar</th>
<th>Pollen</th>
</tr>
</thead>
<tbody>
<tr>
<td>Amandier</td>
<td style="width:50px;height:70px";
onmouseover="this.style.backgroundImage='url(amandier.jpg)';"
onmouseout="this.style.backgroundImage='url(none)';" >
Amandier </td>
<td>Prunus dulcis</td>
<td>Rosacées</td>
<td> Février->Mars</td>
<td>++</td>
<TD bgcolor="#FFFFFF" onMouseOver="this.bgColor='#6f5b5a';" onMouseOut="this.bgColor='#FFFFFF';" >Gris marron</td>
</tr>
</tbody>
</table>
</html>
 
Mon code css
<style>
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
font-size: 10px;
}
tr:hover{background-color:#EFEFEF}
td, th {
border: 1px solid #000000;
text-align: center;
padding: 8px;
font-size: 10px;
}
th {color:#000000;font-size:18px;}
td {color:#000000;font-size:15px;}
tr:nth-child((3n+0) {
background-color: #D9E6F6;
}
</style>

Avez-vous une solution ?
Par avance merci et bonne année 2017
Bien cordialement

Image au survol dans un tableau

JavaScript

Mode arborescent

Discussions similaires

Partager

Partager