Tab view for sidebars?

Hello,
Can someone help me to style my sidebar with a tab view, myself got frustrated googleing it.

Help...

 

Could you be more specific? Try linking to an example of what you're after and posting the HTML/CSS you have now.

If you want a basic vertical menu out of a <ul>, you do

<ul id="nav">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
</ul>

Code (markup):

#nav{margin: 0; padding: 0; list-style-type: none; width: 300px}
#nav li a{display: block}

Code (markup):

and adjust height, width, padding as needed.

 

I want the tabs for hte sidebar.

Its more likely, when you click the tabs, the content appears just bellow it. For example, when I click "recent post" tab, recent posts appears bellow it, if i click "recent comments" tab, recent comment will appear.

 

Ah, you want what's called "DOM Tabs".

Is this for a WordPress Theme or another type of site/CMS/blog system?

 

Thanks for replying and sorry for being late

Its for blogger/blogspot blog

 

Hmm... if I remember correctly, you can't change the markup with Blogger. If that's the case, I know of a CSS only solution that'll work - IF you don't mind it not working at all in Safari/Chrome (basically all WebKit browsers).

 

http : // www . w3 . org/Style/Examples/007/target How about this or jquary?

 

jquary is having ui.all.css as the style, and see the tabs



but when I used ui.tabs.css and ui.theme.css the impact on the tab boxes was like this




now how do I fix these tabs, (I will put the style sheet in my css)