Mmmh… Have you tried this? Works a charm, validates and needs only two javascripts files too. Oh, and it’s free!
Only drawback, if you want/need more or less tabs it will ask for some “heavy-duty” customisation and testing…
HTH
It’s not working in Opera. π
I found something new to use, but it has to be tweaked of course. When I have it tested, I’ll come up with some instructions and post it.
Wouldn’t it be sweet if as a visitor is clicking around on your blog….the same tab stays open until the visitor changes it?
Well, now it does! The code has been updated to add cookies.
Here’s an interesting variation of a CSS/XHTML horizontal nav system:
SimpleBits
No javascript required.
But does that allow you to show/hide content or just open a new link?
MTV,
I dunno what changed, but I grabbed the ver. from your site and it worked.
I re-impleted the ver. from the WikiPage and it no longer works.
I cleaned up a bit of the CSS last night….hmmm. I’ll have to take a look at it tonight.
This is the line (in bold) allegedly causing the problem (per IE)
function clearTop() {
topRow = document.getElementById(‘tabs’);
tabArray = topRow.childNodes;
for (var i=0; i<tabArray.length; i++) {
tabArray.className = ‘tab’;
}
}
The Wiki is doing something to the code.
I get it working on my test site, paste the code to the Wiki. I then remove the code from my test site, copy from the Wiki, and paste to the test site….doesn’t work. Doesn’t make much sense.
Can you put the old link back up on your website that worked?
Wiki code is working now! Took me awhile to figure out what it was doing to the code and how to fix it, but I just tested it out and it’s good to go.
Sorry for the problem. :-/
It’s doing something else wierd now.
the tabs are indented about 15 – 20px.
Have you tried to modify the CSS? I believe I have it centering the tabs.