ui.all.css is in the js/theme folder and there are a bunch of images in the js/theme/images folder, so I believe all of the paths are correct. If I take out the reference to ui.all.css in the page, the tabs don't show up at all, so it is being linked in properly.
Another person wrote me directly and mentioned that ui.all.css just links in other css files, but the one I got from jqueryui is not like that. It has styles for all of the ui widgets (tabs, slider, dialog, etc...). Perhaps this is the problem? One of the Jquery tabs demos links in a ui.all.css file that just imports a slew of other css files, but the other one does not. I will try downloading another theme from jqueryui, but I have already tried smoothness and cupertino and neither has worked. On Mar 3, 10:10 pm, Todd Parker <[email protected]> wrote: > It's hard to tell without seeing your dir structure, but is your theme > really inside the /js/folder? If you download a fresh zip with > Cupertino theme, does it look ok to you? If so, just start moving > directories one at a time as needed and make sure your paths aren't > broken. Usually when you see a grayscale theme (actually Smoothness), > the other theme isn't being linked to correctly or it's linked to > _after_ the generic Smoothness theme and is being cascaded over. I's > just start by re-tracing your steps from a download that works... > > 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 withthemerollerand 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'sThemeroller. 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 -~----------~----~----~----~------~----~------~--~---
