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 jquery-ui@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
-~----------~----~----~----~------~----~------~--~---
