CSS : alignement des champs de formulaire

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : CSS : alignement des champs de formulaire

cosmoschtroumpf

dawa powered

Bonjour

dans un formulaire, j'ai des champs tout bêtes, genre (pour faire simple) :

Code :

<label>Nom :<input /></label>
<label>Prenom : <input /></label>

et je veux que le résultat soit comme :

Code :

<table>
<tr>
<td align="right">Nom :</td>
<td><input /></td>
</tr>
<tr>
<td align="right">Prenom :</td>
<td><input /></td>
</tr>
</table>

En gros, que ce soient les champs qui sont alignés et pas les labels.

Comment puis-je faire ?
Merci !

---------------
Android/Manettes/Metroidvania/Zelda/Indés/Retrogaming/VDS jeux

Publicité

FlorentG

Unité de Masse

Au lieu d'imbriquer libellé et contrôle dans un label, sépare-les :

multani

Dépressionnisé

Tu peux faire un truc du genre :

<p><label>Nom :</label><input /></p>
<p><label>Prenom : </label><input /></p>

Et dans le css :

label {
float: left;
text-align: right;
}

input {
float: right;
text-align: left;
}

p {
clear: both;
}

... et en jouant sur la longueur de tes élements html (p, label surtout)

Message édité par multani le 01-07-2005 à 11:51:35

FlorentG

Unité de Masse

T'as oublié les attributs for et id

cosmoschtroumpf

dawa powered

okay, je croyais que les labels c'était forcément imbriqué avec les inputs (je me suis pas vraiment penché sur la question, certes).

mairci, je vais tester ça.
Ca devient tout de suite vachement plus facile [:dawa]

---------------
Android/Manettes/Metroidvania/Zelda/Indés/Retrogaming/VDS jeux

multani

Dépressionnisé

FlorentG a écrit :

T'as oublié les attributs for et id

+1 [:benou]

cosmoschtroumpf

dawa powered

bon, c'est malin, maintenant mon submit il est tout aligné à droite.
Comment je fais pour le centrer ?

j'ai essayé de lui coller une classe :

.centre {
float: none;
text-align: center;
margin-left: auto;
margin-right: auto;
}

mais ça change rien :'(

Message édité par cosmoschtroumpf le 01-07-2005 à 12:13:14

---------------
Android/Manettes/Metroidvania/Zelda/Indés/Retrogaming/VDS jeux

multani

Dépressionnisé

cosmoschtroumpf a écrit :

bon, c'est malin, maintenant mon submit il est tout aligné à droite.
Comment je fais pour le centrer ?

j'ai essayé de lui coller une classe :

.centre {
float: none;
text-align: center;
margin-left: auto;
margin-right: auto;
}

mais ça change rien :'(

use Dom Inspector luke

masklinn

í dag viðrar vel til loftárása

multani a écrit :

Tu peux faire un truc du genre :

<p><label>Nom :</label><input /></p>
<p><label>Prenom : </label><input /></p>

Et dans le css :

label {
float: left;
text-align: right;
}

input {
float: right;
text-align: left;
}

p {
clear: both;
}

... et en jouant sur la longueur de tes élements html (p, label surtout)

faut pas mettre de <p>, ça sert à rien, et dans un formulaire on met des fieldsets, ça poutre largement plus

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

multani

Dépressionnisé

masklinn a écrit :

faut pas mettre de <p>, ça sert à rien, et dans un formulaire on met des fieldsets, ça poutre largement plus

Ouais, enfin, c'était pour l'exemple quoi

Publicité

zapan666

Tout est relatif

mise en page de formulaire :
http://www.fastclemmy.com/index.ph [...] ement-beau

cosmoschtroumpf

dawa powered

zapan666 a écrit :

mise en page de formulaire :
http://www.fastclemmy.com/index.ph [...] ement-beau

:jap:

---------------
Android/Manettes/Metroidvania/Zelda/Indés/Retrogaming/VDS jeux

FORUM HardWare.fr

Programmation

HTML/CSS

CSS : alignement des champs de formulaire

Sujets relatifs
[CSS/JS] Evenements sur un style css	[CSS] héritage
Question simple en CSS : Différence entre Firefox et IE	Marges d'un formulaire
mise à jour automatique d'un formulaire avec requete SQL	Besoin d'aide diverses en CSS [note en bas de page]
[JavaScript] Vérifier un formulaire avant envoi	afficher le contenu d'un input text sur le meme formulaire
CSS: largeur variable et blockquote	Pb CSS pour un affichage de menus fixe à droite
Plus de sujets relatifs à : CSS : alignement des champs de formulaire

Page générée en 0.050 secondes