Styling radio buttons

[cmccully]

Hi,

 

I am looking for some help with styling an evaluation form. I would like to convert over from table based to CSS. The form I have uses a series of tables to format the evaluation form and looks like this:

 

<table border="0" align="left" width="100%">

<tr>

<td colspan="6"><p>The objectives for this course were clearly stated!</p></td>

</tr>

<tr>

<td>

<div align="center">

<input name="eval_q1" type="radio" value="1" />

</div>

</td>

<td>

<div align="center">

<input name="eval_q1" type="radio" value="2" />

</div>

</td>

<td>

<div align="center">

<input name="eval_q1" type="radio" value="3" />

</div>

</td>

<td>

<div align="center">

<input name="eval_q1" type="radio" value="4" />

</div>

</td>

<td>

<div align="center">

<input name="eval_q1" type="radio" value="5" />

</div>

</td>

<td>

<div align="center">

<input name="eval_q1" type="radio" value="6" />

</div>

</td>

</tr>

<tr>

<td width="80"><div align="center" class="rev_resp">Strongly Agree</div></td>

<td width="80"><div align="center" class="rev_resp">Somewhat Agree</div></td>

<td width="80"><div align="center" class="rev_resp">Neutral</div></td>

<td width="80"><div align="center" class="rev_resp">Somewhat Disagree</div></td>

<td width="80"><div align="center" class="rev_resp">Strongly Disagree</div></td>

<td width="80"><div align="center" class="rev_resp">Not Applicable</div></td>

</tr>

</table>

 

</div>

 

<p> </p>

<table border="0" align="left" width="100%">

<tr>

<td colspan="6"><p>The course content met the stated objectives!</p></td>

</tr>

<tr>

<td>

<div align="center">

<input name="eval_q2" type="radio" value="1" />

</div>

</td>

<td>

<div align="center">

<input name="eval_q2" type="radio" value="2" />

</div>

</td>

<td>

<div align="center">

<input name="eval_q2" type="radio" value="3" />

</div>

</td>

<td>

<div align="center">

<input name="eval_q2" type="radio" value="4" />

</div>

</td>

<td>

<div align="center">

<input name="eval_q2" type="radio" value="5" />

</div>

</td>

<td>

<div align="center">

<input name="eval_q2" type="radio" value="6" />

</div>

</td>

</tr>

<tr>

<td width="80"><div align="center" class="rev_resp">Strongly Agree</div></td>

<td width="80"><div align="center" class="rev_resp">Somewhat Agree</div></td>

<td width="80"><div align="center" class="rev_resp">Neutral</div></td>

<td width="80"><div align="center" class="rev_resp">Somewhat Disagree</div></td>

<td width="80"><div align="center" class="rev_resp">Strongly Disagree</div></td>

<td width="80"><div align="center" class="rev_resp">Not Applicable</div></td>

</tr>

</table>

 

All of this is of course stuck in a <form> tag. Any sugestions are appreciated.

 

 

Curtis