box like this? CSS?

[dakedee]

Hi Guys,

If you have time, I have a little question to ask:

Please have a look at the box "Most Popular" at the right hanside on http://www.nytimes.com/

or the same tabbing box on https://www.godaddy.com/gdshop/transfers/landing.asp?ci=255

I am trying to get the same box with switching panels done, and the tabbing is working quite well. but still i don't know how to set the CSS (of the tabs) to be just like the same: with frame around, blackground, underline links and no bottom line when the tab is clicked.

I have really tried to set all the CSS but seems it does not work.

see code

<span id="layabout" class="tab1" onClick="document.getElementById('layer_about').style.display='inline'; document.getElementById('layer_news').style.display='none'; document.getElementById('layer_conferences').style.display='none';">About
</span>


Is there any open source i can have a look at? or any suggestion?

Thank you in advance :)

[codeexploiter]

It is a combination of JavaScript & CSS. You can either start writing your own one or can use a built-in feature available in Yahoo UI JavaScript framework. You can have a look at some examples and the API using which you can create your own tab view.

Yahoo UI TabView Page (http://developer.yahoo.com/yui/tabview/)

Another tabview script (http://javascript.internet.com/css/tab-view.html)

Hope this helps.