What am I missing?

I see on the datepicker themeroller example, that there is an element
datepicker is stacked full of classes:

<div class="ui-datepicker-inline ui-datepicker ui-widget ui-widget-
content ui-helper-clearfix ui-corner-all">

I don't have that... I'm coding:

<input type="text" value="Click Here" id="pick_it" />... $
('#pick_it').datepicker();

Which generates:

<div id="ui-datepicker-div" class="" style="display: block; position:
absolute; top: 129px; width: 170px; left: 160px;">
  <div class="ui-datepicker-control">...</div>
  <div class="ui-datepicker-links">
    <div class="ui-datepicker-prev">...</div>
    <div class="ui-datepicker-current">...</div>
    <div class="ui-datepicker-next">...</div>
  </div>
</div>
.....

When you look at the HTML, the stylesheet that comes with it is
invalid:

.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em
0; }

There is no parent class of '.ui-datepicker"

It only appears underneath the heading/navigation section in the form
of:

....
<select class="ui-datepicker-new-year"
onclick="jQuery.datepicker._clickMonthYear('#picker');"
onchange="jQuery.datepicker._selectMonthYear('#picker', this, 'Y');">
</select>
</div>
<!--- LOOK HERE, LOOK HERE --->
<table class="ui-datepicker" cellspacing="0" cellpadding="0">
  <thead>
    <tr class="ui-datepicker-title-row">
....

Why does my HTML from the plug-in and themeroller stylesheet not add
up??


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