Question

i m working with a form and putted some radio buttons followed by some textareas in a table…. the problem is the radio button is appearing towards the botttom of textarea…. and i want to position them towards the top of 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>

…………please help

Answer 1

Use CSS float:left on the radio button:

style="float:left;"

as in

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

The CSS at the top is just for reference. It assigns the float:left to all the Radio buttons. Input [type=radio] is a CSS selector that works in Mozilla and alike.