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.
