PieP
asked on
2 more questions
How can I speard out the 4 radio buttons across the available screen, evenly with the heading directly on top?
<table>
<thead>
<tr>
<th scope="col" style="width:100%;"></th>
<th scope="col">Poor</th>
<th scope="col">Average</th>
<th scope="col">Good</th>
<th scope="col">Excellent</th>
</tr>
</thead>
<tbody>
<tr>
<td scope="row" align="left"></td>
<td align=center><input type="radio" name="q12" value="poor"></td>
<td align=center><input type="radio" name="q12 value="average"></td>
<td align=center><input type="radio" name="q12" value="good"></td>
<td align=center><input type="radio" name="q12" value="excellent"></td>
</tr>
</tbody>
</table>
__________________________
2. How can I do the following table, having the raio button directly under the heading, but without using the <th> tag
<table>
<thead>
<tr>
<th scope="col" style="width:100%;"></th>
<th scope="col">Poor</th>
<th scope="col">Average</th>
<th scope="col">Good</th>
<th scope="col">Excellent</th>
</tr>
</thead>
<tbody>
<tr>
<td scope="row" align="left"></td>
<td align=center><input type="radio" name="q12" value="poor"></td>
<td align=center><input type="radio" name="q12 value="average"></td>
<td align=center><input type="radio" name="q12" value="good"></td>
<td align=center><input type="radio" name="q12" value="excellent"></td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th scope="col" style="width:100%;"></th>
<th scope="col">Poor</th>
<th scope="col">Average</th>
<th scope="col">Good</th>
<th scope="col">Excellent</th>
</tr>
</thead>
<tbody>
<tr>
<td scope="row" align="left"></td>
<td align=center><input type="radio" name="q12" value="poor"></td>
<td align=center><input type="radio" name="q12 value="average"></td>
<td align=center><input type="radio" name="q12" value="good"></td>
<td align=center><input type="radio" name="q12" value="excellent"></td>
</tr>
</tbody>
</table>
__________________________
2. How can I do the following table, having the raio button directly under the heading, but without using the <th> tag
<table>
<thead>
<tr>
<th scope="col" style="width:100%;"></th>
<th scope="col">Poor</th>
<th scope="col">Average</th>
<th scope="col">Good</th>
<th scope="col">Excellent</th>
</tr>
</thead>
<tbody>
<tr>
<td scope="row" align="left"></td>
<td align=center><input type="radio" name="q12" value="poor"></td>
<td align=center><input type="radio" name="q12 value="average"></td>
<td align=center><input type="radio" name="q12" value="good"></td>
<td align=center><input type="radio" name="q12" value="excellent"></td>
</tr>
</tbody>
</table>
ASKER
That's great pbguy.
But no. 2 was a crap example to give you. I tried to give a small example so it would be more answerable and I taugh I could figure it out from it....but no
Can you please do the same i.e. have the colums directly over the radio buttons, and can you position the radio buttons on the second half of the screen, evenly spread.
So the text is left aligned and the first button starts 50% across the available screen area.
Sorry for the hassle and thanks a million.
Here's the table:
<table>
<thead>
<tr>
<td scope="col" style="width: 50%;"></td>
<td scope="col">Yes</td>
<td scope="col">No</td>
</tr>
</thead>
<tbody>
<tr>
<td scope="row" align="left">Fundamental research</td>
<td align=center><input type="radio" name="q17a" value="poor"></td>
<td align=center><input type="radio" name="q17a" value="average"></td>
</tr>
<tr>
<td scope="row" align="left">Industry/sect
<td align=center><input type="radio" name="q17b" value="poor"></td>
<td align=center><input type="radio" name="q17b" value="average"></td>
</tr>
<tr>
<td scope="row" align="left">Market flow research</td>
<td align=center><input type="radio" name="q17c" value="poor"></td>
<td align=center><input type="radio" name="q17c" value="average"></td>
</tr>
<tr>
<td scope="row" align="left">Technical analysis</td>
<td align=center><input type="radio" name="q17d" value="poor"></td>
<td align=center><input type="radio" name="q17d" value="average"></td>
</tr>
<tr>
<td scope="row" align="left">Intraday comments</td>
<td align=center><input type="radio" name="q17e" value="poor"></td>
<td align=center><input type="radio" name="q17e" value="average"></td>
</tr>
</tbody>
</table>
But no. 2 was a crap example to give you. I tried to give a small example so it would be more answerable and I taugh I could figure it out from it....but no
Can you please do the same i.e. have the colums directly over the radio buttons, and can you position the radio buttons on the second half of the screen, evenly spread.
So the text is left aligned and the first button starts 50% across the available screen area.
Sorry for the hassle and thanks a million.
Here's the table:
<table>
<thead>
<tr>
<td scope="col" style="width: 50%;"></td>
<td scope="col">Yes</td>
<td scope="col">No</td>
</tr>
</thead>
<tbody>
<tr>
<td scope="row" align="left">Fundamental research</td>
<td align=center><input type="radio" name="q17a" value="poor"></td>
<td align=center><input type="radio" name="q17a" value="average"></td>
</tr>
<tr>
<td scope="row" align="left">Industry/sect
<td align=center><input type="radio" name="q17b" value="poor"></td>
<td align=center><input type="radio" name="q17b" value="average"></td>
</tr>
<tr>
<td scope="row" align="left">Market flow research</td>
<td align=center><input type="radio" name="q17c" value="poor"></td>
<td align=center><input type="radio" name="q17c" value="average"></td>
</tr>
<tr>
<td scope="row" align="left">Technical analysis</td>
<td align=center><input type="radio" name="q17d" value="poor"></td>
<td align=center><input type="radio" name="q17d" value="average"></td>
</tr>
<tr>
<td scope="row" align="left">Intraday comments</td>
<td align=center><input type="radio" name="q17e" value="poor"></td>
<td align=center><input type="radio" name="q17e" value="average"></td>
</tr>
</tbody>
</table>
ASKER
Oh and with the code you gave for no. 2
_____________________
<table>
<thead>
<tr>
<td scope="col" style="width:100%;"></th>
<td scope="col">Poor</th>
<td scope="col">Average</th>
<td scope="col">Good</th>
<td scope="col">Excellent</th>
</tr>
</thead>
<tbody>
<tr>
<td scope="row" align="left"></td>
<td align=center><input type="radio" name="q12" value="poor"></td>
<td align=center><input type="radio" name="q12 value="average"></td>
<td align=center><input type="radio" name="q12" value="good"></td>
<td align=center><input type="radio" name="q12" value="excellent"></td>
</tr>
</tbody>
</table>
-----------------------
how can I evenly space the buttons and button names evenly across the screen.
I increased the points a little cos' the question size grew larger.
Thanks again
_____________________
<table>
<thead>
<tr>
<td scope="col" style="width:100%;"></th>
<td scope="col">Poor</th>
<td scope="col">Average</th>
<td scope="col">Good</th>
<td scope="col">Excellent</th>
</tr>
</thead>
<tbody>
<tr>
<td scope="row" align="left"></td>
<td align=center><input type="radio" name="q12" value="poor"></td>
<td align=center><input type="radio" name="q12 value="average"></td>
<td align=center><input type="radio" name="q12" value="good"></td>
<td align=center><input type="radio" name="q12" value="excellent"></td>
</tr>
</tbody>
</table>
-----------------------
how can I evenly space the buttons and button names evenly across the screen.
I increased the points a little cos' the question size grew larger.
Thanks again
Hi,
i think this will help,
1.
<table>
<thead>
<tr>
<td scope="col" style="width: 50%;"></td>
<td scope="col" align=center>Yes</td>
<td scope="col" align=center>No</td>
</tr>
</thead>
<tbody>
<tr>
<td scope="row" align="left">Fundamental research</td>
<td align=center><input type="radio" name="q17a" value="poor"></td>
<td align=center><input type="radio" name="q17a" value="average"></td>
</tr>
<tr>
<td scope="row" align="left">Industry/sect
<td align=center><input type="radio" name="q17b" value="poor"></td>
<td align=center><input type="radio" name="q17b" value="average"></td>
</tr>
<tr>
<td scope="row" align="left">Market flow research</td>
<td align=center><input type="radio" name="q17c" value="poor"></td>
<td align=center><input type="radio" name="q17c" value="average"></td>
</tr>
<tr>
<td scope="row" align="left">Technical analysis</td>
<td align=center><input type="radio" name="q17d" value="poor"></td>
<td align=center><input type="radio" name="q17d" value="average"></td>
</tr>
<tr>
<td scope="row" align="left">Intraday comments</td>
<td align=center><input type="radio" name="q17e" value="poor"></td>
<td align=center><input type="radio" name="q17e" value="average"></td>
</tr>
</tbody>
</table>
-------
2.
can u tell me any specific reason for which u r using an empty td in this table .... and the also why the scope attribute in <td>
i think this will help,
1.
<table>
<thead>
<tr>
<td scope="col" style="width: 50%;"></td>
<td scope="col" align=center>Yes</td>
<td scope="col" align=center>No</td>
</tr>
</thead>
<tbody>
<tr>
<td scope="row" align="left">Fundamental research</td>
<td align=center><input type="radio" name="q17a" value="poor"></td>
<td align=center><input type="radio" name="q17a" value="average"></td>
</tr>
<tr>
<td scope="row" align="left">Industry/sect
<td align=center><input type="radio" name="q17b" value="poor"></td>
<td align=center><input type="radio" name="q17b" value="average"></td>
</tr>
<tr>
<td scope="row" align="left">Market flow research</td>
<td align=center><input type="radio" name="q17c" value="poor"></td>
<td align=center><input type="radio" name="q17c" value="average"></td>
</tr>
<tr>
<td scope="row" align="left">Technical analysis</td>
<td align=center><input type="radio" name="q17d" value="poor"></td>
<td align=center><input type="radio" name="q17d" value="average"></td>
</tr>
<tr>
<td scope="row" align="left">Intraday comments</td>
<td align=center><input type="radio" name="q17e" value="poor"></td>
<td align=center><input type="radio" name="q17e" value="average"></td>
</tr>
</tbody>
</table>
-------
2.
can u tell me any specific reason for which u r using an empty td in this table .... and the also why the scope attribute in <td>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
1.
<table WIDTH="100%">
<tr>
<th scope="col" WIDTH="25%">Poor</th>
<th scope="col" WIDTH="25%">Average</th>
<th scope="col" WIDTH="25%">Good</th>
<th scope="col" WIDTH="25%">Excellent</th>
</tr>
<tr>
<td align=center WIDTH="25%"><input type="radio" name="q12" value="poor"></td>
<td align=center WIDTH="25%"><input type="radio" name="q12 value="average"></td>
<td align=center WIDTH="25%"><input type="radio" name="q12" value="good"></td>
<td align=center WIDTH="25%"><input type="radio" name="q12" value="excellent"></td>
</tr>
</table>
2. Just replace the TH with TD
<table>
<thead>
<tr>
<td scope="col" style="width:100%;"></th>
<td scope="col">Poor</th>
<td scope="col">Average</th>
<td scope="col">Good</th>
<td scope="col">Excellent</th>
</tr>
</thead>
<tbody>
<tr>
<td scope="row" align="left"></td>
<td align=center><input type="radio" name="q12" value="poor"></td>
<td align=center><input type="radio" name="q12 value="average"></td>
<td align=center><input type="radio" name="q12" value="good"></td>
<td align=center><input type="radio" name="q12" value="excellent"></td>
</tr>
</tbody>
</table>