Discussion :

[yous18]

Salut les amis

J'ai un problème pour aligner un sous-menu horizontal, le menu parent s'aligne bien mais pas le fils. J'ai essayé avec le

Code :

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

display: inline;

ou bien faire flotter les li en restant des block à gauche

Code :

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

float: left

mais ça marche toujours pas !!!

voici le lien http://svn.webpix.ch/ssnm/ avec google chrome vous pouvez changer les propriétés du CSS.

[rodolphebrd]

Bonjour,

Que vous voulez-vous exactement car j'ai un comportement cohérent de votre menu (niveau 2 et 3 compris)?

ou bien faire flotter les li en restant des block à gauche

Je comprends pas

[yous18]

je veux que le menu niveau 2 s'aligne horizontalement et non pas verticalement comme la photo dans les fichiers attachés

[rodolphebrd]

Il faudrait que vos li de 2eme niveau (ul ul li) soit en display:inline ou inline-block (mieux).

J'ai essayé sur votre code avec Firebug mais il y a beaucoup de code qui se parasite donc je vous laisse le soin de débroussailler.

[yous18]

justement j'ai essayé avec display:inline et ça marche pas c'est ça mon problème pourquoi ça ne veux pas marcher !!!!

[rodolphebrd]

N'y a t-il pas du Javascript dans votre menu? Je viens de m'en rendre compte (perte de temps)

Votre css est très confus au fur et à mesure des modifs que vous apportez.

[yous18]

oui il y a du Javascript mais je n'ai pas encore touché pourquoi c'est elle l'origine du problème ?
c'est un peu confus car c'est un thème drupal récupéré sur internet.

[rodolphebrd]

Il y a à parier que votre problème trouvent sa résolution du côté du Javascript
Et là je ne peux malheureusement vous aider.

Oui j'ai bien vu que c'était du Drupal mais n'y avez-vous pas apporté quelques modifications, dans le menu par exemple?

[yous18]

Je ne sais vraiment pas car je m'occupe juste du CSS en tout cas je vais me renseigner mais pourquoi me demander ?

[yous18]

ils ont utilisés nice menu un module sur drupal

[yous18]

c'est réglé il fallait

• passer les li en inline.

• Supprimer l'attribut css clear both de li

• définir une largeur pour les UL qui contiennent les li de second niveau.