как да позиционирам този radio бутон

[kWo_2]

<label><input type="radio" name="" value="" id="" /> <img src=""></label>

Как може input radio бутона да застане в средата до изображението, а не най-отдоло както е в момента. Да е в центъра на позицията му до изображението..

 

[shterev]

ами в момента би трябвало да са на еидн ред, но явно си задал на нещо да е блоков елемент.

.input{
  float:left;
 display:block;
}

.img{
 display:block:
  float:left;
}

.clear{
 clear:both;
}


<label>
    <input class="input" type="radio" name="" value="" id="" /> 
    <img class="img" src="">
</label>
<div class="clear"></div>

Пробвай това.

 

[kWo_2]

Така radio бутона отива най-отгоре :?

 

[tuizzl]

нагласи го с един margin-top:

 

[kWo_2]

Да, така и направих, но мислех че им някакъв атрибут, с който да го оправя

Благодаря

 

[hpstuff]

Разбира се че има ето това е

input {
    vertical-align: middle;
}
img {
    vertical-align: middle;
}

Но трябва да не си променял начина по които да се показват в смисъл да не са

display: block;

а

display: inline;

което са си по default. Така казано vertical-align работи само за inline елементи.

 

[ExpressYourself]

<table border="0">
<td><input type="radio" /></td>
<td><img src="kartinka.jpg" border="0" /></td>
</table>

 

[hpstuff]

Това на практика е същото защото в таблицата всички елементи са с vertical-align: middle; ,но е мн остаряла техника да изграждаш сайтати на базата на таблици защо да го правиш при положение ,че имаш css а и таблиците не се визуализират по един у същ начин на всички браузъри.

 

[kWo_2]

мхм, оставих си го с css