Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

correct my table code please

Posted on 2003-11-19
5
245 Views
Last Modified: 2010-04-09
Can you adjust this so that poor, average, good, excellent and directly over the radio buttons. Like:
average good....
    o         o.....
And also that the radio buttion start 50% accross the screen. i.e. the first radio button is 50% across the screen and the other 3 are evenly separated across the remanting half of the right of the screen. I hope I am clear.
Thank you

(so the text is on the left hand side and the radio button are evenly all on the right)
Thanks again

<table>
<thead>
<tr>
<th scope="col" style="width: 50%;"></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>
<th scope="row" align="left">Overall satisfaction with salesperson</th>
<td><input type="radio" name="1" value="poor"></td>
<td><input type="radio" name="1" value="average"></td>
<td><input type="radio" name="1" value="good"></td>
<td><input type="radio" name="1" value="excellent"></td>
</tr>


<tr>
<th scope="row" align="left">Understanding of your overall approach to risk management</th>
<td><input type="radio" name="22" value="poor"></td>
<td><input type="radio" name="22" value="average"></td>
<td><input type="radio" name="22" value="good"></td>
<td><input type="radio" name="22" value="excellent"></td>
</tr>


<tr>
<th scope="row" align="left">Understanding your specific foreign exchange
needs
</th>
<td><input type="radio" name="333" value="poor"></td>
<td><input type="radio" name="333" value="average"></td>
<td><input type="radio" name="333" value="good"></td>
<td><input type="radio" name="333" value="excellent"></td>
</tr>


<tr>
<th scope="row" align="left">Pro-activity - anticipating needs and proposing appropriate ideas</th>
<td><input type="radio" name="444" value="poor"></td>
<td><input type="radio" name="444" value="average"></td>
<td><input type="radio" name="444" value="good"></td>
<td><input type="radio" name="444" value="excellent"></td>
</tr>

<tr>
<th scope="row" align="left">Understanding of derivative/option products and how they apply to your business</th>
<td><input type="radio" name="444" value="poor"></td>
<td><input type="radio" name="444" value="average"></td>
<td><input type="radio" name="444" value="good"></td>
<td><input type="radio" name="444" value="excellent"></td>
</tr>

</tbody>
</table>
0
Comment
Question by:PieP
5 Comments
 

Author Comment

by:PieP
ID: 9783587
Please note that I am already using only 75% of the screen. So there is a bit to the left and right of the screen that's not used. So I suppose the radio button won't be 50% across the screen, but 50% across the amount of screen i'm using. (don't know if this makes a different)

Thanks a bunch
0
 
LVL 31

Expert Comment

by:seanpowell
ID: 9783728
Like this:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
</head>

<body>
<div align="center">
<table width="75%">
<thead>
<tr>
<th scope="col" style="width: 50%;"></th>
<th scope="col" align="center" width="13%">Poor</th>
<th scope="col" align="center" width="12%">Average</th>
<th scope="col" align="center" width="12%">Good</th>
<th scope="col" align="center" width="13%">Excellent</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row" align="left">Overall satisfaction with salesperson</th>
<td align="center"><input type="radio" name="1" value="poor"></td>
<td align="center"><input type="radio" name="1" value="average"></td>
<td align="center"><input type="radio" name="1" value="good"></td>
<td align="center"><input type="radio" name="1" value="excellent"></td>
</tr>
<tr>
<th scope="row" align="left">Understanding of your overall approach to risk management</th>
<td align="center"><input type="radio" name="22" value="poor"></td>
<td align="center"><input type="radio" name="22" value="average"></td>
<td align="center"><input type="radio" name="22" value="good"></td>
<td align="center"><input type="radio" name="22" value="excellent"></td>
</tr>
<tr>
<th scope="row" align="left">Understanding your specific foreign exchange
needs
</th>
<td align="center"><input type="radio" name="333" value="poor"></td>
<td align="center"><input type="radio" name="333" value="average"></td>
<td align="center"><input type="radio" name="333" value="good"></td>
<td align="center"><input type="radio" name="333" value="excellent"></td>
</tr>
<tr>
<th scope="row" align="left">Pro-activity - anticipating needs and proposing appropriate ideas</th>
<td align="center"><input type="radio" name="444" value="poor"></td>
<td align="center"><input type="radio" name="444" value="average"></td>
<td align="center"><input type="radio" name="444" value="good"></td>
<td align="center"><input type="radio" name="444" value="excellent"></td>
</tr>
<tr>
<th scope="row" align="left">Understanding of derivative/option products and how they apply to your business</th>
<td align="center"><input type="radio" name="555" value="poor"></td>
<td align="center"><input type="radio" name="555" value="average"></td>
<td align="center"><input type="radio" name="555" value="good"></td>
<td align="center"><input type="radio" name="555" value="excellent"></td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
0
 
LVL 11

Expert Comment

by:Zontar
ID: 9785269
Nice job using the scope attribute there -- but why add the DIV when you can add the align="center" directly to the table and get the same result?
0
 

Accepted Solution

by:
maverik_u earned 50 total points
ID: 9785947
Here is one without the <div> .. hope it solves ur problem ...

<table>
<thead>
<tr>
<th scope="col" style="width: 50%;"></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>
<th scope="row" align="left">Overall satisfaction with salesperson</th>
<td align=center><input type="radio" name="1" value="poor"></td>
<td align=center><input type="radio" name="1" value="average"></td>
<td align=center><input type="radio" name="1" value="good"></td>
<td align=center><input type="radio" name="1" value="excellent"></td>
</tr>


<tr>
<th scope="row" align="left">Understanding of your overall approach to risk management</th>
<td align=center><input type="radio" name="22" value="poor"></td>
<td align=center><input type="radio" name="22" value="average"></td>
<td align=center><input type="radio" name="22" value="good"></td>
<td align=center><input type="radio" name="22" value="excellent"></td>
</tr>


<tr>
<th scope="row" align="left">Understanding your specific foreign exchange
needs
</th>
<td align=center><input type="radio" name="333" value="poor"></td>
<td align=center><input type="radio" name="333" value="average"></td>
<td align=center><input type="radio" name="333" value="good"></td>
<td align=center><input type="radio" name="333" value="excellent"></td>
</tr>


<tr>
<th scope="row" align="left">Pro-activity - anticipating needs and proposing appropriate ideas</th>
<td align=center><input type="radio" name="444" value="poor"></td>
<td align=center><input type="radio" name="444" value="average"></td>
<td align=center><input type="radio" name="444" value="good"></td>
<td align=center><input type="radio" name="444" value="excellent"></td>
</tr>

<tr>
<th scope="row" align="left">Understanding of derivative/option products and how they apply to your business</th>
<td align=center><input type="radio" name="444" value="poor"></td>
<td align=center><input type="radio" name="444" value="average"></td>
<td align=center><input type="radio" name="444" value="good"></td>
<td align=center><input type="radio" name="444" value="excellent"></td>
</tr>

</tbody>
</table>
0
 
LVL 31

Expert Comment

by:seanpowell
ID: 9786581
>>why add the DIV when you can add the align="center" directly to the table and get the same result?

I have no idea :-)

Actually, I just assumed that the entire page content might be centered instead of just the table, but you're right, it's unnecessary.
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
jQuery Sticky Menu 24 36
Angular JS Sticky Footer Problem (when page size doesn't meet minimum) 4 29
multiple selects 23 48
convert Systemjs to Webpack 3 34
Things That Drive Us Nuts Have you noticed the use of the reCaptcha feature at EE and other web sites?  It wants you to read and retype something that looks like this.Insanity!  It's not EE's fault - that's just the way reCaptcha works.  But it is …
This article discusses how to create an extensible mechanism for linked drop downs.
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…

828 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question