You've moved the ul down an extra level again. You'll either need to stop doing that or pull the current version from trunk.
On Dec 1, 10:48 am, rossjha <[email protected]> wrote: > Thanks Richard, that worked perfectly! Ideally i would like to use > yahoo yui grids, I've tried the following, but it doesn't work. I've > added the tabs id to the yui-g div which wraps around bothyui-u divs. > > Thanks again > > R > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" > "http://www.w3.org/TR/html4/strict.dtd";> > <html> > <head> > <title>Tabs Test</title> > <link rel="stylesheet" href="http://yui.yahooapis.com/2.7.0/build/ > reset-fonts-grids/reset-fonts-grids.css" type="text/css"> > > <script type="text/javascript" src="http://jqueryui.com/latest/ > jquery-1.3.2.js"></script> > <script type="text/javascript" src="http://jqueryui.com/latest/ui/ > ui.core.js"></script> > <script type="text/javascript" src="http://jqueryui.com/latest/ui/ > ui.tabs.js"></script> > <script type="text/javascript"> > $(document).ready(function(){ > $("#tabs").tabs(); > }); > </script> > </head> > <body> > <div id="doc" class="yui-t7"> > <div id="hd" role="banner"> > <h1>Header</h1> > </div><!-- end id hd --> > <div id="bd" role="main"> > <div class="yui-g" id="tabs"> > <div class="yui-u first"> > <!-- tab list --> > <ul> > <li><a > href="#fragment-1"><span>One</span></a></li> > <li><a > href="#fragment-2"><span>Two</span></a></li> > <li><a > href="#fragment-3"><span>Three</span></a></li> > </ul> > </div> > <div class="yui-u"> > <!-- tab content --> > <div id="fragment-1"> > <p>One</p> > </div> > <div id="fragment-2"> > <p>Two</p> > </div> > <div id="fragment-3"> > <p>Three</p> > </div> > </div> > </div> > </div><!-- end id bd --> > <div id="ft" role="contentinfo"> > <p>Footer</p> > </div><!-- end id ft --> > </div> > </body> > </html> > > On Dec 1, 2:00 pm, Scott González <[email protected]> wrote: > > > > > On Dec 1, 8:10 am, "Richard D. Worth" <[email protected]> wrote: > > > > Sorry, remove the header level. > > > FYI: I've modified tabs to work with the previous markup. You can now > > put any content you want inside a tabs container. The first list that > > it finds in DOM order will be used as the actual tabs and only the > > elements that match the hrefs of those tabs will be used as > > containers. This means that you can add extra depth to your DOM, as in > > this example with a wrapper around the tabs. You can also place > > content in the tabs container between the ul and the actual content > > divs to create a section of content that will always be visible > > between the tabs and the content, regardless of which tab is open. -- 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.
