Un menu déroulant

Bonjour les Alsaciens

Premier message ici, je vais tâcher d'être clair.
J'essaie d'utiliser quelques transitions CSS3 pour améliorer mon menu, j'arrive à ça, ça marche plutôt pas mal mais j'ai encore quelques soucis.
Les menus qui apparaissent au survol de la souris parte actuellement d'une position absolute; top: -300px, identique quel que soit le menu. Le problème est que pour les menus "courts" la transition est masquée sur la moitié du chemin. Je voudrais donc positionner toutes ces boites à fleur, prêtes à sortir. J'y arrive bien avec un position absolute ; bottom, mais dans ce cas je ne maitrise pas leur position d'arrivée (en gros je voudrait utiliser les transitions CSS3 avec une position définie par "bottom" au début et "top" à l'arrivée), mais ça n'est pas possible.

Auriez-vous une idée ?

Merci !

Salut et bienvenue,

En CSS pure, je ne vois pas de solution qui vient à l'esprit. Il va falloir que tu aies recours au JS.

Tu calcules la hauteur de chaque élément,
Tu donnes une position top de moins la hauteur de l'élément.

En Jquery, ça te donne un truc comme :

$('cible-element').each(function(){	
	$(this).css('top',-$(this).height());
});

En JS natif, ce serait un peu plus verbeux et on obtient le même résultat bien sûr.

ps : pour les users d'alsacreations, je dirai plutôt Alsanautes