Discussion :

[totijax]

Bonjour,

je cherche a aligner verticalement des boutons radio avec les intitulés s'y rapportant. Et je n'y arrive pas !
j'ai un léger décalage entre le bouton radio et le texte auquel il se rapporte. Le bouton est en fait 1 ou 2 pixels plus haut...
En fait pour les boutons radios j'ai ce code là

Code :

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

1
2
3
4
5
 
<div class="style_annonce">
<input name="style" type="radio" value="toutes" checked="checked">Toutes les annonces
<input name="style" type="radio" value="photo">Avec photos seulement
</div>

Et je cherche à savoir si en css il est possible de centrer verticalement les boutons radios avec le texte correspondant sans passer par un tableau. J'ai essayé de jouer avec le padding mais ça ne marche pas

Pour info le code css est:

Code :

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

1
2
3
4
5
6
7
8
 .style_annonce{
width:300px;
color:#000000;
font-size:10px;
padding-left:11px;
padding-top:7px;
float:left;
}

Y a t-il une solution en css?

Merci d'avance,
.t

[blueice]

Code :

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

1
2
3
4
5
6
7
 
 
<p class="style_annonce">
<input name="style" type="radio" value="toutes" checked="checked">Toutes les annonces<br />
<input name="style" type="radio" value="photo">Avec photos seulement<br />
</form>
</p>

[masu]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
.style_annonce {
	width: 300px;
	color: #000000;
	font-size: 10px;
	padding-left: 11px;
	padding-top: 7px;
	float: left;
}
.style_annonce input, .style_annonce label {
	line-height: 12px;
	vertical-align: middle;
}

Code :

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

1
2
3
4
<div class="style_annonce">
<input name="style" id="style1" type="radio" value="toutes" checked="checked"><label for="style1">Toutes les annonces</label>
<input name="style" id="style2" type="radio" value="photo"><label for="style2">Avec photos seulement</label>
</div>