28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'aimerais savoir s'il y a un moyen simple d'organiser un formulaire en colonne automatiquement selon la largeur disponible ?

Je pensais mettre chaue libelle et input dans un div inline pour qu'ils se mettent a la suite l'un des autres selon la place mais je ne suis pas sur que ca donnerait un effet de colonnes apres, ca risque d'etre decale non ?

Merci
Bonne journee
Bon, je vais offrir une solution sur ce que j'ai compris de ta question. Si ça correspond pas, faudra peut-être plus précis dans ce que tu veux exactement.


<form>
<fieldset>
<legend>Info personnelle</legend>
<p>
    <label for="nom">Nom</label>
    <input name="nom" id="nom" type="text" />
</p>

</fieldset>

</form>





* { padding:0; margin:0; }
form label,
form input { display:inline-block; width:49%; }



Ainsi, tous tes labels auront la même dimension ainsi que tous tes champs. Avec des valeurs en pourcentage, ça s'adapte à la dimension du parent. Donc si tu mets un parent à une largeur fixe, ton formulaire s'ajustera.

J'ignore si ça répond à ta question !