Discussion :

[artotal]

Bonjour,
J'ai des problèmes pour conçevoir mes formulaires sans tableau, donc basiquement je souhaite aligner le label à gauche et le champs correspondant à droite, mon xhtml

Code xhtml :

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

1
2
3
4
5
6
7
8
9
    <p>Rentrer vos mots clés séparés par des espaces</p>    
   <form action="" method="post">
           <legend>Rechercher un utilisateur</legend><br />
               <label class="lab" for="motsCles">Moteur de recherche </label>
               <input class="inp" type="text" size="30" id="motsCles" name="motsCles" /><br />
               <label class="lab" for="test">test</label>
               <input class="inp" type="text" size="30" id="test" name="test" /><br />        
               <input type="submit" value="Rechercher" id="boutonEnvoi" />
   </form>

Ma css

Code :

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

1
2
3
4
 
.inp {display:block; width:175px; float:left; margin-bottom: 20px;}
.lab {display:block; width:75px; float:left; padding-right: 20px; text-align:right;}
#boutonEnvoi {width:75px; margin-left:95px;}

Merci

[Kerod]

Salut,

Voilà déjà un bon départ : Personnalisation d'un formulaire XHTML avec CSS

[budyraptor]

Bonjour,

super tuto

je cherchais j'ai trouvé grace à toi

merci pour le lien