CSS rules for font size within tables?
Posted: Wed Oct 20, 2010 7:52 am
I have the following in my CSS file to reduce the default font size:
I can get almost the right effect by adding
Any suggestions? I'm pretty new to this, so please don't assume I've tried the bleeding obvious...
And then, for the legendbody { margin:0; padding:0; font-size:76%;}
It works exactly as expected, except when I put things in a table. (Very basic layout, two fieldsets forced to be side by side in a single row, two column table). Then, I get what looks like the full size font.legend {font-size:1.1em; font-weight:bold; border-bottom:2px solid #fff; margin-bottom:15px; padding:6px; background:none; color:#fff;}
I can get almost the right effect by adding
...but how do I tell it to apply the special conditions for the legend when it happens to be within a table? To my lack of surprise, adding a condition for "table legend" to the first legend line didn't work.table { margin:0; padding:0; font-size:76%;}
Any suggestions? I'm pretty new to this, so please don't assume I've tried the bleeding obvious...