Can CSS do this design?

[jemz]

Hi,can i ask does the CSS can do Tabs? or i mean can we make Tabs menu using css only?can you give me some idea on this please i want to make Tabs if this is possible in css.Thank you in advance.

[logic_earth]

Sure you can make tabs...well things that look like tabs in CSS.
https://duckduckgo.com/?q=css+tab+navigation

[jemz]

Hi, Thank you for the reply,Okay i will try this...I will write again if i have doubt.

[ralph.m]

Here are a few I've bookmarked in the past:

http://blixt.org/articles/tabbed-nav...section=step-3
http://blixt.org/media/a/1/tabs-hover/page1.html

http://unraveled.com/publications/css_tabs/
http://unraveled.com/publications/as...abs/index.html

http://clagnut.com/sandbox/csstabs/

[jemz]

Hi ralph, thank you for this examples..okay i will try to make one of this.Thank you again.

[jemz]

Here are a few I've bookmarked in the past:

http://blixt.org/articles/tabbed-nav...section=step-3
http://blixt.org/media/a/1/tabs-hover/page1.html

http://unraveled.com/publications/css_tabs/
http://unraveled.com/publications/as...abs/index.html

http://clagnut.com/sandbox/csstabs/

Hi ralph, i got problem on I.E8 my border-radius doesn't work..but in chrome and firefox works properly.

here is the piece of my css..

.tab li a:link,
.tab li a:visited{
	text-decoration: none;
	display: block;
	color: #000;
	padding: 0.5em;
	background-color: #b8b8b8;
	-moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
	-webkit-border-radius: 3px 3px 0 0;
	-ms-border-radius: 3px 3px 0 0;
	 border-radius: 3px 3px 0 0;
	-moz-box-shadow: 0px -3px 2px 0px #888;
	-webkit-box-shadow: 0px 10px 2px 0px #888;
	 box-shadow: 0px -3px 2px 0px #888;
	
}

[ralph.m]

Border radius is new (CSS3) and doesn't work in older browsers like IE8 and older. Just let those people get square corners. (Or, if you feel generous, use JavaScript for them: http://css3pie.com/ )

[jemz]

Border radius is new (CSS3) and doesn't work in older browsers like IE8 and older. Just let those people get square corners. (Or, if you feel generous, use JavaScript for them: http://css3pie.com/ )

Hi ralph thank you for the reply...i am confuse i did not see some javascript the link that you give,...
i have question is this a css

background: linear-gradient(#EEFF99, #66EE33);