CSS : alignement des champs de formulaire
CSS : alignement des champs de formulaire - HTML/CSS - Programmation
Marsh Posté le 01-07-2005 à 11:48:39
Au lieu d'imbriquer libellé et contrôle dans un label, sépare-les :
<label for="pouet">Truc</label><input id="pouet" /> |
Marsh Posté le 01-07-2005 à 11:50:55
Tu peux faire un truc du genre :
|
Et dans le css :
|
... et en jouant sur la longueur de tes élements html (p, label surtout)
Message édité par multani le 01-07-2005 à 11:51:35
Marsh Posté le 01-07-2005 à 11:53:06
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]](https://forum-images.hardware.fr/images/perso/dawa.gif "[:dawa]")
---------------
Android/Manettes/Metroidvania/Zelda/Indés/Retrogaming/VDS jeux
![[:benou]](https://forum-images.hardware.fr/images/perso/benou.gif "[:benou]")
Marsh Posté le 01-07-2005 à 12:12:24
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 { |
mais ça change rien 
Message édité par cosmoschtroumpf le 01-07-2005 à 12:13:14
---------------
Android/Manettes/Metroidvania/Zelda/Indés/Retrogaming/VDS jeux
Marsh Posté le 01-07-2005 à 12:16:16
| cosmoschtroumpf a écrit : bon, c'est malin, maintenant mon submit il est tout aligné à droite.
|
use Dom Inspector luke 
Marsh Posté le 01-07-2005 à 12:23:41
| multani a écrit : Tu peux faire un truc du genre :
|
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
Marsh Posté le 01-07-2005 à 12:28:01
| 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
Marsh Posté le 01-07-2005 à 12:39:21
mise en page de formulaire :
http://www.fastclemmy.com/index.ph [...] ement-beau
Marsh Posté le 01-07-2005 à 13:53:11
| zapan666 a écrit : mise en page de formulaire : |
---------------
Android/Manettes/Metroidvania/Zelda/Indés/Retrogaming/VDS jeux
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
Marsh Posté le 01-07-2005 à 11:46:21
Bonjour
dans un formulaire, j'ai des champs tout bêtes, genre (pour faire simple) :
et je veux que le résultat soit comme :
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