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>
PiePAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

pbguyCommented:
Think this is what you're looking for

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>


0
PiePAuthor Commented:
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/sector specific research</td>
<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>
0
PiePAuthor Commented:
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
0
maverik_uCommented:
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/sector specific research</td>
<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>
0
pbguyCommented:
Maverick - think ya just missed the WIDTH on the table tag.

I think we may have it now, how about :

(just copy the whole thing into your file...)

<B>Radio Button Centered between 50% and 75% and between 75% and 100%</B>
<B>

<table WIDTH="100%">
      <thead>
      <tr>
            <td scope="col" WIDTH="50%" align="left"></td>
            <td scope="col" WIDTH="25%" align="CENTER">Yes</td>
            <td scope="col" WIDTH="25%" align="CENTER">No</td>
      </tr>

      </thead>
      <tbody>

      <tr>
            <td scope="row"  WIDTH="50%" align="left">Fundamental research</td>
            <td align="center" WIDTH="25%">
                  <input type="radio" name="q17a" value="poor">
            </td>
            <td align="center" WIDTH="25%">
                  <input type="radio" name="q17a" value="average">
            </td>
      </tr>


      <tr>
            <td scope="row" align="left" WIDTH="50%">Industry/sector specific research</td>
            <td align="center" WIDTH="25%">
                  <input type="radio" name="q17b" value="poor">
            </td>
            <td align="center" WIDTH="25%">
                  <input type="radio" name="q17b" value="average">
            </td>
      </tr>

      <tr>
            <td scope="row" align="left" WIDTH="50%">Market flow research</td>
            <td align="center" WIDTH="25%">
                  <input type="radio" name="q17c" value="poor">
            </td>
            <td align="center" WIDTH="25%">
                  <input type="radio" name="q17c" value="average">
            </td>
      </tr>


      <tr>
            <td scope="row" align="left" WIDTH="50%">Technical analysis</td>
            <td align="center" WIDTH="25%">
                  <input type="radio" name="q17d" value="poor">
            </td>
            <td align="center" WIDTH="25%">
                  <input type="radio" name="q17d" value="average">
            </td>
      </tr>

      <tr>
            <td scope="row" align="left" WIDTH="50%">Intraday comments</td>
            <td align="center" WIDTH="25%">
                  <input type="radio" name="q17e" value="poor">
            </td>
            <td align="center" WIDTH="25%">
                  <input type="radio" name="q17e" value="average">
            </td>
      </tr>

      </tbody>
</table>




<P>

<B>Radio Button Starts Exactly at middle of screen </B>

<BR>

<table WIDTH="100%">
      <thead>
      <tr>
            <td scope="col" WIDTH="50%" align="left"></td>
            <td scope="col" WIDTH="25%" align="LEFT">Yes</td>
            <td scope="col" WIDTH="25%" align="LEFT">No</td>
      </tr>

      </thead>
      <tbody>

      <tr>
            <td scope="row"  WIDTH="50%" align="left">Fundamental research</td>
            <td align="LEFT" WIDTH="25%">
                  <input type="radio" name="q17a" value="poor">
            </td>
            <td align="LEFT" WIDTH="25%">
                  <input type="radio" name="q17a" value="average">
            </td>
      </tr>


      <tr>
            <td scope="row" align="left" WIDTH="50%">Industry/sector specific research</td>
            <td align="LEFT" WIDTH="25%">
                  <input type="radio" name="q17b" value="poor">
            </td>
            <td align="LEFT" WIDTH="25%">
                  <input type="radio" name="q17b" value="average">
            </td>
      </tr>

      <tr>
            <td scope="row" align="left" WIDTH="50%">Market flow research</td>
            <td align="LEFT" WIDTH="25%">
                  <input type="radio" name="q17c" value="poor">
            </td>
            <td align="LEFT" WIDTH="25%">
                  <input type="radio" name="q17c" value="average">
            </td>
      </tr>


      <tr>
            <td scope="row" align="left" WIDTH="50%">Technical analysis</td>
            <td align="LEFT" WIDTH="25%">
                  <input type="radio" name="q17d" value="poor">
            </td>
            <td align="LEFT" WIDTH="25%">
                  <input type="radio" name="q17d" value="average">
            </td>
      </tr>

      <tr>
            <td scope="row" align="left" WIDTH="50%">Intraday comments</td>
            <td align="LEFT" WIDTH="25%">
                  <input type="radio" name="q17e" value="poor">
            </td>
            <td align="LEFT" WIDTH="25%">
                  <input type="radio" name="q17e" value="average">
            </td>
      </tr>

      </tbody>
</table>


<P>
 
<B>Evenly Spaced</B>
<BR>
Just use percentages for column widths
<BR>
Need to kill that first column - it takes up the entire width of the table at 100%

<BR>
 
<table WIDTH="100%">
<thead>
<tr>
<td scope="col" WIDTH="25%" ALIGN="CENTER">Poor</th>
<td scope="col" WIDTH="25%" ALIGN="CENTER">Average</th>
<td scope="col" WIDTH="25%" ALIGN="CENTER">Good</th>
<td scope="col" WIDTH="25%" ALIGN="CENTER">Excellent</th>
</tr>
</thead>
<tbody>

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

</tbody>
</table>

0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
HTML

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.