bump
I was really hoping to figure out a best practice on how to get the
fonts/elements to look the same inside of a table that is in a ui-widge
element.

Nathan

On Mon, Jul 27, 2009 at 3:53 PM, Nathan Maves <[email protected]>wrote:

> Below is a bit of code that show how the font sizes inside of a ui
> component change when the elements are inside of a table.  How can I get the
> font/input elements to adhere to the ui styles?
>
> <html>
> <head>
> <link type="text/css" href="/css/ui-theme/jquery-ui-1.7.2.custom.css"
> rel="Stylesheet" />
>  <style type="text/css">
> body{ font: 62.5% "Verdana","Arial","sans-serif"; margin: 50px;}
>  </style>
> </style>
> <script type="text/javascript" src="http://www.google.com/jsapi";></script>
>  <script  type="text/javascript">
> // Load jQuery
> google.load("jquery", "1.3.2");
>  google.load("jqueryui", "1.7.2");
> </script>
> </head>
> <body>
> <div class="ui-widget">
> <div class="ui-widget-header">
>  Header
> </div>
> <div class="ui-widget-content">
>  <p>Hello from JS Bin</p>
> <table>
> <tr>
>  <td>
> test font
> </td>
>  </tr>
> </table>
> </div>
>  </div>
> </body>
> </html>
>

--~--~---------~--~----~------------~-------~--~----~
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
-~----------~----~----~----~------~----~------~--~---

Reply via email to