Suivez les fils RSS
 

Des livres incontournables pour tout maîtriser

  • CSS avancées - vers HTML5 et CSS3
  • HTML5
  • CSS2
  • PHP5 avanc�
  • Memento MySQL
  • Memento CSS 3
  • Memento XHTML
  • WordPress 3 100% pratique
  • jQuery et jQuery UI
Auteur
michel.pageperso
#
Citer
1 Posts
Référence gardée envers les pros du design CSS3 que vous êtes, moi l'un amateur, je viens vous demander un petit conseil.

Pour animer un menu classique :
<div id="menu">
	<ul>
		<li><a href="">Menu 1</a>
			<ol>
				<li><a href="">Sous-menu 11</a></li>
			</ol>
		</li>
		<li><a href="">Menu 2</a>
			<ol>
				<li><a href="">Sous-menu 21</a></li>
				<li><a href="">Sous-menu 22</a></li>
			</ol>
		</li>
		<li><a href="">Menu 3</a>
			<ol>
				<li><a href="">Sous-menu 31</a></li>
				<li><a href="">Sous-menu 32</a></li>
				<li><a href="">Sous-menu 33</a></li>
				<li><a href="">Sous-menu 34</a></li>
			</ol>
		</li>
	</ul>
/div>


J'applique une feuille de style qui, lors du survole du menu par la souris, déplie les sous-menus (alsacreations,com me fut indispensable). Voyez la page d'exemple pour illustrer mon propos : http://michel.pageperso.free.fr/d_webdesign/wd_code_depliable.php

Mon soucis, c'est que cela fonctionne parfaitement avec Chrome, mai point avec Firefox et Opéra (Explorer c'est habituel) pourtant, j'ai utilisé tous les conseils de vos tutos, forums divers, sans oublier l'ajout des -webkit- -moz- -ms- encore obligatoire...

michel.pageperso.free.fr 
^
kustolovic
#
Citer
553 Posts
Bonjour.
Cela fonctionne avec firefox 10.0 et safari 5 sous mac

Cependant, dans firefox j'ai les sous-menu sans les animations. Dans safari j'ai des animations, même si c'est une horreur de surplus d'effets visuels lents. On se croirait de retour aux sombres âges des sites sous flash biggrin . Plus sérieusement, une animation sur un menu ne devrait pas impatienter le visiteur jusqu'à ce qu'elle soit finie...

^