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

[ProgElecT]

Salut

Le problème doit venir d'ailleurs dans ton code car chez moi le code posé fonctionne normalement chez moi (sous Firefox).

[dibax10]

Quand tu hover l'image le texte correspondant à l'image est zoomer en même temps? bah c'est bizarre je dois revoir alors tout mon code du component

[ProgElecT]

Salut
Non, je n'avais pas compris cette demande.

[dibax10]

Bonjour,

C'est ce que je souhaite et vise versa. Ta une idée comment je peux faire ca ?

[NoSmoking]

Bonjour,

J'ai un tableau avec deux lignes, première lignes avec des images et deuxième avec des titres

pourquoi deux lignes et pas tout dans le même conteneur ?

Le HTML :

Code html :

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

1
2
3
4
<figure>
  <img src="assets/icons/effectifs.png"> 
  <figcaption>Effectifs</figcaption>
</figure>

et le CSS

Code css :

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

1
2
3
figure:hover {
  transform: scale(1.3);
}