My Navigation Bar

DHTML Button Bar

Overview
Instructions
Tips
Details

Overview

Here is a way to create a DHTML enhanced button bar which degrades gracfully for older browsers (depending on the colors you choose). The effect is dependant on the browser used as follows:

expbul2a.gif (871 bytes) MS Internet Explorer 4.x - The buttons appear as 3-d buttons, when the mouse is placed over a button it patially depresses, and when the mouse is clicked on a button it fully depresses.

expbul2a.gif (871 bytes) Netscape Navigator 4.x - The buttons appear as 3-d buttons, but are not animated.

expbul2a.gif (871 bytes) Older Browsers - There are normal hyperlinks arranged in table cells.

Note: You should be familiar with using HTML Tables, Colors and CSS Styles, to use this technique.

Warning: Netscape 4.5 can become unstable when using CSS styles like this.  See the Tip Section for more information.

Overview
Instructions
Tips
Details

exphorsa.gif (999 bytes)

 [Home] [ScrapBook] [Chat] [Links] [Contact] [FrontPage]
This page hosted by GeoCities Get your own Free Home Page
JES - 01/10/99