How best to do this using CSS?

[harryajh]

Presentation within my jsp file is entirely done using class attributes except column width settings on a table. There 2 tables with 11 columns in each all have different widths!

Currently I have inline style attributes like this -

HTML: Select all

  <td style="width: 30%;">Local Authority</td>

Can anyone please suggest how best to do this? would you keep the "style" as they are unique or perhaps create a class style in the css file like so -

Code: Select all

  #wrec_origin_local_authority {
      width: 10px;
      }

So my html would look like this -

HTML: Select all

  <td id="local_authority" class="local_authority">Local Authority</td>

This sound the cleaner route but any thoughts on the way to go?

thanks in advance

harry

[aso186]

It's entirely down to your situation.

If you want the flexibility of classes and ID's. then use them. If it's just as easy to edit inline, use inline!

The only thing I'll mention is that inline styles will affect print layouts too (whereas external stylesheets can be assigned to a given media).

If you think you're users will want to print these pages, it's best to use stylesheets and remove the inline styles.

[nashultz07]

I would have to agree with aso186, but would also have to say that if you have more than a couple styles the same to go ahead and go with the stylesheet method for easy assigning.

Thanks,
Nathon Shultz

[MikeHopley]

HTML: Select all

<td id="local_authority" class="local_authority">Local Authority</td>

You don't need to assign both ID and CLASS.