Question

Good afternoon in my timezone.

I have a table with four tr and each tr has four td.

I want to apply different width’s to each td.
For example I want the following:

<tr>
   <td width="20%"/>
   <td width="25%"/>
   <td width="10%"/>
   <td width="45%"/>
</tr>

Is there a way to have just one class that is applied to the tr and inside that class I give a width to each td? Or do I create four different classes each with different width’s ? Something like

.firstTD{
    width:20%; 
} 
.secondTD{
   width:25%; 
} 
.thirdTD{
   width:10%; 
} 
.fourTD{
  width:45%; 
}

This should be supported in internet explorer 6 too.

Thanks in advance.
Best regards

Answer 1

The only way to do it is as you suggested, creating a CSS class for each TD. In any case, the TD’s class attribute would be used only for the first row, as the subsequent ones will inherit the width value.