Bonjour tous les gentils Zéros, j'ai un petit soucis accessoires mais qui me chagrinent quand même ( la tragédie, waaa )

J'ai donc une liste (<ul><li></li></ul>) qui se place horizontalement avec une partie des éléments à gauch,e l'autre partie à droite ( comme sur la speedbarre du SdZ ).
Tout vas bien, c'est placé horizontalement, a gauche et a droite.

Seulement, j'ai rajouter un petit formulaire de recherche dans cette même liste, et c'est la qu'est le problème, z'allez voir. Voila un screen:



Et oui, le formulaire est à gauche des éléments de droite, alor que je veux qu'il soit tout à gauche!

J'ai essayer un peu tout ce qui me passait par la tête, mais rien n'y a fait :/
Voici mes codes:



et le css qui vas avec:



Voilou, merci à ceux qui ont tout lu

Si tu fermes le <ul> et que tu mets le form après ca donne quoi ?

Si je fais ca, le formulaire part se mettre en dehors du cadre rouge tout à gauche

Tu veux que ton form soit tout à gauche ou tout à droite ?

Je dirais à droite.

Inverse l'ordre dans le html, en mettant en 1er le form des élément flottants à droite.

Waouw Oo
C'est beaucoups mieux comme ça!
Ca fonctionne parfaitement. Merci beaucoups à tous et particulièrement à strucky
Même si je ne comprend pas pourquoi il s'inverse à l'affichage :/

Hop, sujet résolu

Bah, c'est logique, quand tu positionnes des éléments en float left, le 1er se met à gauche, le 2nd à droite du 1er, le 3ème à droite du second, etc...

Pour un float right, c'est inversé, 1er élément à droite, 2nd élément à gauche du 1er, 3ème élément à gauche du 2nd, etc..