18073 sujets

Questions générales et questions de débutants

Problème d'alignement des champs du formulaire

Bonjour,
J'aimerais avoir votre aide pour résoudre mon problème.
Voila j'essaie d'aligner les champs de mon formulaire mais cela ne réagit pas pareil avec les différents navigateurs.
J'ai essayé de mettre un width pour mes labels mais ca n'a pas l'air de fonctionner. Pourtant j'ai vu que cette solution était adaptée.
Sinon du coup j'ai fait des padding-right pour les labels. Pour le moment c'est ok sur IE et FF. Seulement je suis passée récemment sous la Ubuntu et j'ai un problème d'alignement avec FF, les padding-right ne réagissement plus pareil . Avez vous une idée pour que je puisse avancée?
J'aimerais essayer de comprendre pourquoi ca ne réagit pas de la même façon.
Je vous mets mon bout de code.

  		<form>
  			<label for="" id="nom">Nom :</label>
  			<input name="nom"/>
  			<label for="" id="prenom">Prenom :</label>
  			<input name="prenom"/>
  			<br/>
  			<label for="" id="mdp">Mot de passe :</label>
  			<input name="mdp"/>
  			<label for="" id="tel">Telephone :</label>
  			<input name="tel"/>
  		</form>

Et le css 

label
{
	font-size:80%;
	font-weight : bold;
	margin-left: 7px;
	border: 1px solid red;
	width: 50px;
}

#nom
{
	padding-right: 3.45em;
}

#prenom
{
	padding-right: 1.05em;
}


Je vous remercie.
a+
ps : Soyez indulgent je débute Smiley confused
Re bonjour,
Pour le moment j'ai choisis de mettre mon formulaire dans un tableau mais j'aimerais bien qu'on m'explique comment faire sans.
Merci
++
Salut,

Un label est un élément inline. Lui fixer une largeur n'a donc guère de sens, à moins de lui donner également un display block OU de le rendre flottant.
Administrateur
Flyman30 a écrit :
http://pixy.cz/blogg/clanky/css-fieldsetandlabels.html[/url]

Attention à l'écriture des liens sur le forum (cf Aide)
Sujet clos
Aller à