Tabs

HTML & CSS
1

hi,
i am trying to make a tab like the on sitepoint

where you have the home , forums and whats new. please any link to the tutorial?

2

They are not tabs just “buttons” check out Listamatic/

3

The links in SitePoint’s navigation bar are actually created from inline list items. It’s a popular technique these days.

As far as tutorials are concerned, here’s one:
http://jamesowers.co.uk/css-tutorials/50/horizontal-css-list-menu/
And here’s the finished product:
http://jamesowers.co.uk/pages/css_horizontal_menu/menu.html

W3Schools has a similar tutorial:
http://www.w3schools.com/css/css_navbar.asp
but its tutorial only goes through the basics; it offers the code, though, for their “fully styled horizontal navigation bar example.”

Their end code can be found here and fiddled with:
http://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_horizontal_float_advanced

All care.

4

thanks, will have a read