Pour les menus déroulants CSS, je reste généralement fidèle aux menus déroulants Son of Suckerfish. La technique fonctionne extrêmement bien, mais il y a toujours une petite chose qui me dérange : la largeur des liens déroulants est toujours fixe.
Y a-t-il des moyens de redimensionner automatiquement la largeur des éléments dans un menu déroulant Suckerfish ? Sinon, y a-t-il d'autres stratégies de menus déroulants basées sur CSS qui peuvent accomplir cela ?
Pas nécessairement. Si vous définissez les éléments de liste secondaires pour effacer à gauche, alors ils s'empileront les uns sur les autres.
Le problème là-bas cependant est que si vous voulez changer la couleur de fond au survol, vous devez définir une largeur fixe, sinon vous aurez des éléments de liste de largeurs variables.
Mais si vous n'avez pas besoin de changer la couleur de fond, c'est une bonne façon de le faire et de garder les choses fluides.
Parce que les éléments li sont float dans l'élément ul, ils doivent avoir une largeur définie égale à l'élément ul. Sinon, ils seront tous sur la même ligne. La largeur fixe force chacun à passer à la ligne suivante.
Exemple: http://jsfiddle.net/ZhguL/3/
Si vous le souhaitez, vous pouvez utiliser jQuery ou simplement du JavaScript pour calculer la largeur de l'élément de menu le plus long dans chaque ul et définir la largeur de chaque li et de l'élément ul sur cette valeur.
Jetez un œil à cette page, cela m'a aidé. Vous pouvez le faire sans utiliser js. http://www.pmob.co.uk/temp/dropdown-all-fluid.htm
Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.
