I just recently used UI tabs in an application. Within a couple of the
tabs I used tables for content (let's not have a religious debate
about  using tables for layout, please). Anyway, the font size came
out much bigger than for text in a paragraph, for example. I looked at
the custom.css file (generated by themeroller) and found this line:

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget
button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
font-size: 1em; }

- designed to handle form input types.

I copied this and added table as a descendant selector, like so:

.ui-widget table  { font-family: Lucida Grande, Lucida Sans, Arial,
sans-serif; font-size: 1em; }

Problem solved.


--

You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to 
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en.


Reply via email to