Discussion :

[oceane751]

Bonjour à tous !!

J'ai ma transition qui ne fonctionne pas ni sous chrome ni sous ff

J'ai pourtant lu des tutos mais chez moi ça ne veut pas

J'ai un menu et j'aimerai que la transition se fasse quand on passe en hover et que le sous menu s'affiche

en gros j'ai :

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
nav ul li {
	float:left; 
	height:28px;
	-webkit-transition: margin-left 0.3s ease;
        -moz-transition: margin-left 0.3s ease;
         -ms-transition: margin-left 0.3s ease;
          -o-transition: margin-left 0.3s ease;
             transition: margin-left 0.3s ease;
}
 
nav ul li:hover ul {
	display:block;
	color:#FFFFFF;
	margin-left:30px;
 
}

Je ne comprends pas trop d'où vient le problème

Quelqu'un pourrait il m'aider?

En attendant, je continue à chercher

[rodolphebrd]

Bonsoir;

Ne faut-il pas appliquer les transitions à la balise <a> comme cela:

nav ul li a

[rodolphebrd]

Note : les transitions ne sont plus préfixées dans webkit depuis peu :caniuse

[oceane751]

Bonsoir;

Ne faut-il pas appliquer les transitions à la balise <a> comme cela:

nav ul li a

ah bon?
car j'ai vu pas mal de tuto qui ne l'utilise pas avec la balise a...

[rodolphebrd]

C'est ce que je fais en général : exemple

[oceane751]

ouais c'est pas mal!

mais si je fais ç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
nav ul li a {
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	-webkit-transition: margin-left 0.3s ease;
        -moz-transition: margin-left 0.3s ease;
         -ms-transition: margin-left 0.3s ease;
          -o-transition: margin-left 0.3s ease;
             transition: margin-left 0.3s ease;
}	
nav ul li a:hover ul {
	display:block;
	color:#FFFFFF;
	margin-left:30px;
 
}

mes sous menus ne s'affichent plus...

[rodolphebrd]

Ah il y a des sous-menus...

Envoyez tout votre code pour y voir plus clair.