Comment le milieu vertical aligner un bouton radio à l'encontre d'une image dans le html?
J'ai plusieurs image de 100x100. Je demande à l'utilisateur de choisir l'un d'eux en mettant un bouton radio devant chacun d'eux.
C'est le code :
<div>
<input type="radio" name="pic" value="1"/><img src="pic01.jpg"/><br/>
<input type="radio" name="pic" value="2"/><img src="pic02.jpg"/><br/>
....
et ainsi de suite... Mais le problème est que le bouton radio rend au bas de la ligne et je veux le faire venir dans le milieu vertical de l'image. J'ai essayé style="vertical-align:middle"
et il ne fonctionne pas.
Des idées?
Essayez de définir margin-bottom:10px;
qui ne fonctionne que si les images ont la même dimenstions et aligner correctement avec 10px.
qui ne fonctionne que si les images ont la même dimenstions et aligner correctement avec 10px.
OriginalL'auteur Jey Geethan | 2009-12-02
Vous devez vous connecter pour publier un commentaire.
Lorsqu'il est appliqué à des éléments inline,
vertical-align
spécifie où aligner une certaine partie de l'élément enfant à une partie correspondante du parent de la boîte de ligne. Par exemple, "moyen" à peu près aligne au moyen de pièces de chaque. Si vous souhaitez aligner deux frères et sœurs, vous aurez besoin d'appliquer le même alignement vertical à la fois, sinon l'élément aligner du parent à la ligne de base.OriginalL'auteur outis
OriginalL'auteur Sarfraz
En plus de la réponse précédente, le bouton radio doit avoir la même hauteur que l'image pour que cela fonctionne. Par réelle, je veux dire qu'il doit correspondre à la hauteur, le rembourrage, la marge et de la frontière.
OriginalL'auteur AvrahamR