html div.menus,HTML CSS Tab Menus

It is actually quite easy to make a tabbed menu in HTML, with CSS, javascript is not needed for my design. I did this example in about 1/2 an hour.

Here are some screenshots of my example. (I Censored My Name Out Of The URL, And I Cropped Them)

All you do is make 3 boxes, With links to other webpages in them. It can look the same in all the pages. It is recommended to make rounded corners.

Tab Numbah One

Tab Numbah Two

Tab Numbah Three

Go into your external CSS sheet, make them all float left, and on the same line, make it look pretty, and you NEED a border of some sort.

Then make an overriding style in each of your pages. Make the bottom border non-existent, so it looks like the tabs of a binder. I changed the color, so when you were on that page, it looked a bit better. Note, I indent my CSS very unusually.

Page 1

#Tab1 {

border-bottom:none;

background-color:white;

}

Page 2

#Tab2 {

border-bottom:none;

background-color:white;

}

Page 3

#Tab1 {

border-bottom:none;

background-color:white;

}