TABBED HORIZONTAL MENU FOR FLUID OR FIXED WIDTH PAGE

Summary of Page Contents Here, e. g. Code, Images, Stylesheet.

This is an alternative version incorporating h2. The menu bar has also been made thinner.

I have only styled one page with this style, so clicking on the other 5 links will take you back to the first green navbar.

Next development from here is a button tabbed menu using a definition list.

THE HTML CODE FOR THIS PAGE

<!-- START of menu -->
<div id="wrap1">
<div id="wrap2">
    <a href="tabmenu1.html">HOME</a>
    <a href="tabmenu2.html">THE CSS</a>
    <a href="tabmenu3.html">IMAGES</a>
    <a class="current" href="tabmenu4.html">PAGE 4</a>
    <a href="tabmenu5.html">PAGE 5</a>
    <a id="bordrt" href="tabmenu6.html">PAGE 6</a>
</div>
</div>
<h2>Summary of Page Contents Here, e. g. Code, Images, Stylesheet.</h2>
<!-- END of menu -->
<div class="clearl"></div>

STYLES

The stylesheet.

IMAGES

Here are the necessary images. Just right click and chose "save image as" from the drop down menu to save them on your hard disc. If you want the page background as well, in IE right click on it and pick "save background as." In FF right click on it and pick "view background image and then right click on the image and pick "save image as."