Formulaire : caler des libéllés à gauche et caler des input à droite

Salut à tous,

J'ai tenté de m'inspirer (en vain, sinon je ne serais pas là) des quelques tutoriaux de formulaires que j'ai trouvé sur le web et notamment (argh, un concurrent !) de :

http://www.fredcavazza.net/doc/tutoriels/formulaire/SVF_etape3.htm

(ce petit filou cale tout à droite)

J'avoue, non sans honte, que je suis assez peu coutumier des CSS (j'ai commencé à une époque où la mise en forme par tableau était reine...) aussi j'aimerais trouver une solution "propre" pour faire cela.

Je précise que j'essaie au maximum de me mettre en conformité avec la DTD HTML 4.01 dite "Stricte"...

J'apprécierais toute aide et je vous remercie d'avance.

J'emets l'hypothèse qu'il faille mettre les labels dans un conteneur et les input dans un autre afin de les caler séparément, mais j'ai peur de faire du travail dégueulasse...

Salut debelimacak ,

Tu pourrais t'inspirer de cette page : Formulaires sans tableaux (covertprestige).

A+

PS : tu trouvera plus d'infos dans le tuto Comment positionner les éléments en CSS ?
Modifié par Heyoan (07 Nov 2007 - 20:48)

Merci de ton aide ! J'ai le bouquin de Raphael que j'ai piqué à ma femme (chuuut) mais j'avais pas trop le temps de le feuilleter, étant préssé pour sortir ce modeste formulaire !

En fait j'ai trouvé ce dont j'avais besoin ici :

http://www.journaldunet.com/developpeur/tutoriel/css/040422-css-formulaire-mise-en-forme.shtml

C'est désormais bien calé !

Je rappelle vite fait qu'un tableau de mise en forme bien pensé est souvent une solution tout à fait satisfaisante, et peut faire gagner du temps pour des choses un peu tarabiscotées telles que la mise en page d'un formulaire sur deux «colonnes».

Ça n'interdit bien sûr pas d'essayer autrement.
Modifié par Florent V. (08 Nov 2007 - 11:50)

Au passage, debelimacak, si ton problème est résolu pourrais-tu l'indiquer comme tel dans le titre de ton sujet?
Sous la forme: «[Résolu] Titre du sujet».
Pour changer le titre du sujet, il suffit de modifier le titre en éditant le tout premier message du sujet.