I ended up downloading a few more themes and changed the directory structure so that the themes were in a "themes" folder (i.e. themes/ cupertino, themes/smoothness). After doing that and using the example.html file that came in one of the downloads, I was able to get it to work.
Truthfully, I am not sure which of the changes made the difference. I tried everything from changing the HTML doctype, to renaming the ids of the tabs, to changing the directory structure. Hopefully in the future, the demos and docs on jqueryui.com will be more clear. I really love jquery/jqueryui, but this is about the third time that I have spent hours on something that really should have taken minutes. On Mar 3, 4:52 pm, zendog74 <[email protected]> wrote: > Hi all. > > I am working on implementing tabs and I cannot get the CSS to work to > save my life. I read some threads about there being a mix-up in the > CSS class names with themeroller and tabs, but that appears to be > fixed now. Yet, my tabs are still not being styled. > > I am importing JQuery and JQueryUI from Google. I downloaded the > Cupertino theme from JQueryUI's Themeroller. I have not modified the > ui.all.css file at all. Here are the relevant snippets from my code: > > <link type="text/css" href="js/theme/ui.all.css" rel="stylesheet" /> > <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/ > jquery.min.js"></script> > <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/ > jquery-ui.min.js"></script> > > $(document).ready(function(){ > checkCronJobStatus(); > $("#tabs").tabs(); > > }); > > <div id="tabs"> > <ul> > <li><a href="#managementConsole">Management Console</a></li> > <li><a href="#logViewer">Log Viewer</a></li> > </ul> > <div id="managementConsole"> > The cron job is currently <strong><span id="cronState"></ > span></strong>. > <br /><br /><a href="#" id="startCronLink">Start Cron Job</a> > <a href="#" id="stopCronLink">Stop Cron Job</a> > </div> > <div id="logViewer">Log viewer will go here.</div> > </div> > > My tabs just show up as grey/white very generic tabs. I tried the > Smoothness theme as well to no avail. Does anyone know what I am doing > wrong? Seems like I am missing something simple, but I have been at > this now for hours, so I am just not seeing it. --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
