Question

I have a style defined for tables. I then have a .tablestyle th { height:26px } …

I now have a need to have a particular (one not all) th in the table auto determine its height.

<table class="tablestyle">
<tr><th>Normal Stuff</th></tr>
<tr><th>Long Stuff</th></tr>
</table>

The long stuff th needs a height of x, where x > 26px, but unknown… I’ve tried placing a style attribute on the th tag saying height:auto, but it doesn’t seem to honor the auto assignment. If I put height: 200px in the style attribute, it works fine, going to 200px. The problem is that I really need the height to be determined based on content of the th…

I realize that I can make more specific styles and I’m fine. I’d like if possible, to simply decorate only the affected tag instead of creating a separate style.

Additional information:
This is for a tabular data input form, and we have the same need for td tags as well.

Answer 1

try to add !important at the end of your css attribute

height: 500px !important;