Discussion :

[etplus]

Bonjour
j'ai un probleme pour utilise le css pour <input>
j'ai 2 type de input,un est text,l'autre est radio
comment je doit controler le taille de radio,pour mettre les 3 radio dans une line
merci d'avance



Html

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
	<label for="name">Name</label>
	<input id="name" name="name"><br>
 
	<label for="address">Address</label>
	<input id="address" name="address"><br>
 
	<label for="city">City</label>
	<input id="city" name="city"><br>
 
        <label for="civilite_cli">Civilite</label>
	<input type="radio" name="civilite_cli" value="Mlle" >Mlle
	<input type="radio" name="civilite_cli" value="Madame">Madame
	<input type="radio" name="civilite_cli" value="M">M	
	<br>

Css

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
label,input {
	display: block;
	/*width: 200px;*/
	float: left;
	margin-bottom: 10px;
}
 
label {
	text-align: right;
	width: 150px;
	padding-right: 20px;
}
 
br {
	clear: left;
}

[12monkeys]

Bonjour

Dans le css :

Code :

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

1
2
3
4
5
6
label,input {
	display: block;
	/*width: 200px;*/
	float: left;
	margin-bottom: 10px;
}

enlève le input, je ne vois pas à quoi il te sert (en testant avec l'exemple que tu donnes).

C'est ton display:block qui fait que les boutons radio ne s'affichent pas en ligne.

[etplus]

c'est bon
merci