CSS adjusting

[Aztech1]

I just use tabbed interface, Dynamic Drive Tab Content Script (v 2.2), demo #1 (CSS for Shade Tabs):

http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm

css:

http://www.dynamicdrive.com/dynamicindex17/tabcontent/tabcontent.css

I want modify CSS to get the same look as Yahoo tabs, like this:
Yahoo
How to modify CSS?

Yahoo CSS:

http://mail.yimg.com/a/combo?/uh/css/uh-1.1.3.css&/mg/css/cmn/20081024/common.css

part that handle Tabs:

#newsmodule{width:459px;position:relative;zoom:1;min-width:459px;font-size:85%;margin-bottom:10px;}
#newscat li{margin:0;padding:0;}
#newscat li{display:inline-block;display:-moz-inline-stack;*display:inline;vertical-align:bottom;cursorointer;zoom:1;text-align:center;}
#newsmodule a{position:relative;}
#newsmodule img{padding-right:10px;margin-top:-22px;height:75px;}
#newscat li a{display:block;display:inline-block;vertical-align:bottom;zoom:1;font-family:verdana,arial,sans-serif;font-size:10px;white-space:nowrap;width:100%;}
#newscat li a div{padding:3px 0;border-bottom-width:0;}
#newscat li.last a div{border-right-width:0;}
#newscat li.selected a div,#newscat li.selected{border-bottom-width:0;}
#newscat li.selected a,#newscat li.selected{background-color:#fff;}

 

[Vragabond]

It seems very clear now. You would remove the shaded backgrounds and replace them with a solid colour. You would remove the margins, center the text and give each tab a fixed width. Then you would play around with borders to achieve the same effect as yahoo did. Since you know where all the CSS for this is, I don't know what exactly is the problem at this point.

[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]