Discussion :

[ciols]

Bonjour,

Je voudrais savoir comment faire pour aligné 4 zones de texte à droite :

Code html :

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

1
2
3
4
5
6
7
8
9
10
<fieldset id="inputs">
	<label for="password">Ancien mot de passe :</label>	
	<input id="apassword" type="password" name="apass" placeholder="Ancien mot de passe"><br>
	<label for="password">Nouveau mot de passe :</label>		
	<input id="npassword" type="password" name="npass" placeholder="Nouveau mot de passe"><br>
	<label for="password">Confirmer le nouveau mot de passe :</label>		
	<input id="cnpassword" type="password" name="cnpass" placeholder="Confirmer le nouveau mot de passe"><br>
	<label for="mail">Adresse mail :</label>
	<input id="mail" type="mail" name="email" value ="<?php isset($mail['email'])?$mail['email']:''?>" required><br>	
</fieldset>

Elles sont pour le moment les unes en dessous des autres mais comme les labels ne font pas la même taille c'est moche.

Cdlt

[Torgar]

Tu mets tous tes labels dans une div flottant à gauche, et tous tes inputs dans une div flottant à gauche/droite.

N'oublie pas de rajouter un clear:both; après tes deux div afin de rétablir l'affichage du flux.

[Bovino]

Ou alors tu te contentes de donner une largeur fixe aux balises <label> !

[ciols]

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
<fieldset id="inputs">
	<div style="float:left" class="label">
		<label for="password">Ancien mot de passe :</label><br>	
		<label for="password">Nouveau mot de passe :</label><br>	
		<label for="password">Confirmer le nouveau mot de passe :</label><br>
		<label for="mail">Adresse mail :</label><br>
	</div>
	<div style="float:left;clear:both" class="input">	
		<input id="apassword" type="password" name="apass" placeholder="Ancien mot de passe"><br>
		<input id="npassword" type="password" name="npass" placeholder="Nouveau mot de passe"><br>
		<input id="cnpassword" type="password" name="cnpass" placeholder="Confirmer le nouveau mot de passe"><br>
		<input id="mail" type="mail" name="email" value ="<?php isset($mail['email'])?$mail['email']:''?>" required><br>	
	</div>
</fieldset>

Sauf que maintenant j'ai ce petit problème :

[Torgar]

Fait comme Didier l'a indiqué ça sera plus simple. J'y avais honteusement pas pensé

[ciols]

Ca me semble beaucoup plus simple en effet, par contre quand même trop dur pour moi ~~

Dans le css j'ai mis :

Code :

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

1
2
3
4
#inputs label
{
	width:300px;
}

Mais ça ne change strictement rien... J'ai manqué quelque chose ?

[Bovino]

Rafraichir le cache (CTRL+F5) ?