Discussion :

[MInfo25]

Bonjour

Je suis en train d'ajouter du style à un formulaire html. J'aimerais que tous les champs s'affiche à une même distance que tous leurs label. Par exemple j'aimerais que tous les champs text s'affichent tous à une distance de 250px de tous leurs labels afin qu'ils soient aligné verticalement. Comment faire ? Merci de votre aide

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<form action="/ma-page-de-traitement" method="post">
    <div>
        <label for="nom">Nom :</label>
        <input type="text" id="nom" />
    </div>
    <div>
        <label for="courriel">Courriel :</label>
        <input type="email" id="courriel" />
    </div>
    <div>
        <label for="message">Message :</label>
        <textarea id="message"></textarea>
    </div>
</form>

[Invité]

Bonjour,

• Personnalisation d'un formulaire XHTML avec CSS

[Cyberdome]

Vous pouvez appliquer un "display:inline-block;" aux labels avec un "width" à 100px (et ajouter un <br/> après chaque input lorsque le label et l'input ne sont pas inclus dans des div)

Si vous voulez utiliser toute la largeur et aligner d'autres champs à droite c'est au cas par cas, soit vous pouvez les espacer des input qui sont à gauche avec des &nbsp; de façon à les aligner, soit vous pouvez leur appliquer un float:right