Hi,
Tables have a default browser font size that's sorta large, so even if
you pull all the UI classes out of your markup, the TD will be
significantly larger than the text that precedes it.
By applying the ui-widget class to a parent element, you'll be setting
a font-size for that element which will cascade through into child
nodes, including that table, which will increase its size even more.
UI doesn't usually set font-size on specific elements, but rather just
classes, so you'll need to style elements within UI widgets
accordingly.
Most of the gallery themes on the ThemeRoller site have a global font
size of 1.1em, sometimes varying a little depending on the font
family. You'll want to set font-sizes on child elements of ui-widget
so that they can size proportionally to their parent elements. The
alternative to this is to set a px-based global font size, which will
prevent font-size inheritance but won't scale well in older browsers.
In your case, it looks like this rule:
table { font-size: 1em; }
will bring the table's font-size into a more consistent size.
Does this help?
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
