28173 sujets

CSS et mise en forme, CSS3

Salut à tous,

je débute avec css, voila mon pb :
je souhaite ajouter des espaces entre mes champs dans 3 formulaires,
une solution consisterait à ajouter des <br> entre mes champs mais
cela ne me convient pas.
Est-il possible de modifier l'espacement entre mes champs à partir de
ma feuille de style css?

Voila le code de l'un de mes form :

<div class="formul"> <form action="mailto:toto@toto.com" class="css">
  <fieldset>
    <legend>Contact gérant</legend>
    <label>Nom :</label>
    <input type="text" name="nom" id="nom" />
	<br /><br>
    <label>Prénom :</label>
    <input type="text" name="prenom" id="prenom" />
    <br /><br>
    <label>Adresse mail :</label>
    <input type="text" name="ad_mail" id="ad_mail" />
	<br /><br>
	<label>Tel :</label>
    <input type="text" name="tel" id="tel" />
    <br /><br>
	<label>Sujet :</label>
    <input type="text" name="sujet" id="sujet" />
	<p>
	<label>Texte :</label><br />
	<textarea name="comments" cols="20" rows="4">
	</textarea>
	</p>
	<p>
	<input type="submit" value="Envoyer" />
	<input type="reset" value="Annuler" />
	</p>
  </fieldset>
</form>
</div>


et celui de ma feuille css :

.formul { 
margin-top: 70px;
margin-left: 540px;
width: 300px;
font-family: verdana, arial;
font-size: 100%;
text-align: left;
}

form.css fieldset
  {
  padding: 1em;
  }
form.css label
  {
  display: inline;
  float: left;
  width: 100px;
  } 


merci d'avance.
Bonjour,

Et un


br {line-height:20px;}


Par exemple est-ce que cela serait pertinent ?
Au passage, nettoie tes br, il y a des <br> et des <br />, un seul suffit.
Modifié par zzzazzz (12 May 2006 - 19:51)
merci pour ta réponse,
j'ai ajouté "br {line-height:20px;}" dans la feuille de style
mais cela ne change rien.
peut-être ais-je mal placé le code?
Effectivement, cela ne semble fonctionner que pour Firefox. Essaye dans ce cas de mettre tes éléments sous cette forme là :

<p class="marge">
  <label>texte</label>
  <input type="text" />
</p>


Couplé à un css qui ressemblerait à cela :

.marge {
margin-bottom:20px;
}


Qu'en penses-tu ?