Alignement de boutons radio dans un formulaire en CSS

Bonjour,

je suis nouveau en css et 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...

Salut,

sans code HTML ni CSS, difficile de t'aider et de d'indiquer d'où vient le problème.

Un exemple en ligne sera un élément appréciable aussi.

Merci pour le conseil

En fait pour les boutons radios j'ai ce code là

<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:

.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
Modifié par toma (05 Sep 2006 - 11:25)

Bonjour,

Pour avoir un résultat à peu près comparable sur le maximum de navigateurs, notamment sur Firefox/Moz, le mieux est encore d'avoir le code suivant pour les radio ou checkbox :

input {
 margin:0;
 vertical-align:middle;
}