TABBED NAVBAR FOR FLUID OR FIXED WIDTH PAGE
SUMMARY OF PAGE CONTENTS HERE, e. g. Code, Images, Stylesheet.
This is a second version of the menu incorporating buttons and using a definition list.
The button image for the pages that are not the "current" page is applied to the <dd> elements rather than the a:link. This avoids the problems of trying to overule any style set for a:link to make it tab.
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 version includes vertically expandable box with rounded corners and drop shadow.
THE HTML CODE FOR THIS PAGE
<!-- START of menu -->
<div
id="wrap1">
<dl>
<dd><a
href="tabmenu1.html">HOME</a></dd>
<dd><a
href="tabmenu2.html">THE CSS</a></dd>
<dd><a
href="tabmenu3.html">IMAGES</a></dd>
<dd
class="current"><a href="test2.html">PAGE
4</a></dd>
<dd><a
href="tabmenu5.html">PAGE 5</a></dd>
<dd><a
href="tabmenu6.html">PAGE 6</a></dd>
</dl>
</div>
<div
id="contwrap"><h2>Summary of Page Contents Here, e.g. Code,
Images, Stylesheet.</h2>
<!-- END of menu -->
<div
class="clearl"></div>
STYLES
The stylesheet.
IMAGES
Above 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."
