Discussion :

[dibax10]

Bonsoir,

J'ai un tableau avec deux lignes, première lignes avec des images et deuxième avec des titres je veux que quand je fais un hover il y a le zoom qui s'applique pour les deux td dans la même positions j'ai essayé plusieurs chose ça passe pas voila mon code :

Code html :

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

1
2
3
4
5
6
7
8
9
10
<table class="menu">
  <tr>
    <td  ><img   src="assets/icons/effectifs.png"> </td>
    <td ><img   src="assets/icons/statistiques.png"> </td>
</tr>
  <tr>
    <td >Effectifs</td>
    <td >Statistiques </td>
</tr>
</table>

css :

Code :

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

1
2
3
4
5
6
7
8
9
10
menu td{
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.menu td:hover {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

des solutions?

Merci d'avance