radio button align style properties

Question

im работает с формой и помещает несколько переключателей, за которыми следуют некоторые текстовые поля в таблице .... проблема заключается в том, что переключатель появляется в сторону бункера textarea .... и я хочу поместите их в верхней части текстового поля

<table align='center' valign='top' border='1'><tr><th align='center' > qno)1</th></tr><tr><td><textarea rows='5' cols='50' readonly>question</textarea></td></tr> 
    <tr valign='top'><td><input type='radio' name='opt' value='A' checked='checked' /><textarea rows='1' cols='70' wrap='off' readonly>option d</textarea></td></tr> 
    <tr><td><input type='radio' name='opt' value='B' /><textarea rows='1' cols='70' wrap='off' readonly>option a</textarea></td></tr> 
    <tr><td><input type='radio' name='opt' value='C' /><textarea rows='1' cols='70' wrap='off' readonly>option b</textarea></td></tr> 
    <tr><td><input type='radio' name='opt' value='D' /><textarea rows='1' cols='70' wrap='off' readonly>option c</textarea></td></tr></table> 

............ пожалуйста, помогите

Answer 1

Используйте CSS поплавок: слева на кнопку радио:

style="float:left;" 

, как в

<style> 
    input [type="radio"],.NiceRadio {float:left;} 
</style> 
<table align='center' valign='top' border='1'> 
    <tr> 
     <th align='center' > qno)1</th> 
    </tr> 
    <tr> 
     <td><textarea rows='5' cols='50' readonly>question</textarea></td> 
    </tr> 
    <tr valign='top'> 
     <td><input type='radio' class="niceRadio" name='opt' value='A' checked='checked' /><textarea rows='1' cols='70' wrap='off' readonly>option d</textarea></td> 
    </tr> 
    <tr> 
     <td><input type='radio' class="niceRadio" name='opt' value='B' /><textarea rows='1' cols='70' wrap='off' readonly>option a</textarea></td> 
    </tr> 
    <tr> 
     <td><input type='radio' class="niceRadio" name='opt' value='C' /><textarea rows='1' cols='70' wrap='off' readonly>option b</textarea></td> 
    </tr> 
    <tr> 
     <td><input type='radio' class="niceRadio" name='opt' value='D' /><textarea rows='1' cols='70' wrap='off' readonly>option c</textarea></td> 
    </tr> 
</table> 

CSS наверху только для справки. Он назначает поплавок: оставлено для всех кнопок Радио. Вход [type = radio] - это селектор CSS, который работает в Mozilla и аналогичен.

Answer 2

Вертикальное выравнивание в HTML и CSS полностью завинчивается. Некоторые из описанных здесь проблем: Understanding vertical-align.

Единственное решение, которое я имею в виду это: поставить переключатель и текстовое поле в таблице, как это:

<table align='center' valign='top' border='1'> 
    <tr> 
     ... 
    </tr> 
    <tr> 
     <td> 
      <table> 
       <tr> 
        <td style="vertical-align: top;"> 
         <input type='radio' name='opt' value='B' /></td> 
        <td> 
         <textarea rows='1' cols='70'>option a</textarea></td> 
       </tr> 
      </table> 
     </td> 
    </tr> 
    <tr> 
     ... 
    </tr> 
</table>