Question

I have a table based layout, with one main two-column table, for left and right sides of a form. Each column contains an inner, two-column table, with a label and and input column, and each field on its own row.

Could I use CSS to set the width of both the input columns?

E.g.

<table id='frameTable'>   <tr>     <td id='leftFieldList'>       <table class='formColumn'>         <tr>           <td>Surname</td>           <td><asp:TextBox.....></td>         </tr>         <tr>           <td>Address</td>           <td><asp:TextBox.....></td>         </tr>         ....         ....       <table>     </td> </table> 

In the table with class ‘formColumn’, I want to set the the width of the second <td>, with the server controls. I would prefer to do this without assigning a class to every second <td> in my field lists.

Answer 1

The best solution around: use col tags!

<style> .col2 { width: 200px; } </style> ...  <table class='formColumn'>   <colgroup>     <col></col>     <col class='col2'></col>   </colgroup>   <tbody>     <tr>...   </tbody> </table>