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>
&nbsp; <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
-~----------~----~----~----~------~----~------~--~---

Reply via email to