28220 sujets

CSS et mise en forme, CSS3

Liste et formulaire [résolu]

Bonsoir

Est il possible de faire ceci ?

<form>
 <ul>
  <li><select></select></li>
  <li><select></select></li>
  <li><label></label></li>
  <li><label></label></li>
  <li><label></label></li>
 </ul>
</form>


Car, je n'arrive pas à effectuer un margin-top ou margin-bottom
et un padding-top ou padding-bottom sur ce sacré <label>

Le <br /> ne suffit pas.
Pour le left et pout le right ça pose pas de problèmes.

Merci d'avance

Smiley crash
Modifié par Michel (09 Aug 2005 - 01:58)
Michel a écrit :

<form>
 <ul>
  <li><select></select></li>
  <li><select></select></li>
  <li><label></label></li>
  <li><label></label></li>
  <li><label></label></li>
 </ul>
</form>



Uh ? Smiley eek

C'est formellement valide, mais à part ça complètement dénué de sens, d'accessibilité et d'utilité.

Peux-tu donner le code précis de ce que cherches à faire avec tes <label> et tes marges ? On y verras plus clair Smiley cligne
bonsoir

Je cherche à faire des espaces de tailles définis entre les inputs
il s'agit d'un formulaire d'inscription

<label style="text-align:right;padding:10px 4.63em 0 0.5em;" for="nom">Nom (*)</label><input type="text" size="30" name="nom" id="nom" value="" maxlength="50" /><br />

<label style="text-align:right;padding:10px 2.82em 0 0.5em;" for="prenom">Prénom (*)</label><input type="text" size="30" name="prenom" id="prenom" value="" maxlength="50" /><br />

<label style="text-align:right;padding:2em 2.8em 0 0.5em;vertical-align:top" for="adresse">Adresse (*)</label><textarea cols="40" rows="3" name="adresse" id="adresse"></textarea><br />

merci
Smiley smile
Place d'abord chaque couple <label> <input> dans un élément <div>, ou <p> pour régler les écarts verticaux entre chaque couple.

Ensuite, donne à <label> la propriété display:block si tu veux pouvoir le dimensionner ou aligner son texte à droite, en le plaçant au-dessus de l'<input>.

Ou bien, fais flotter les <label> dans leur conteneur <div> ou <p> si tu veux les placer précisément à côté de l'<input>.

Si tu as besoin de conteneurs supplémentaires, oriente-toi vers les listes de définition (voir l'article à leur sujet dans pompage.net)
Modifié par Laurent Denis (09 Aug 2005 - 01:45)
Sujet clos
Aller à