Re: Html Tabbed Pages -- JAVA400-L

Since nobody suggested the old fashion CSS-HTML, let me make that one:

<html>
   <head>
       <style>
           #tabmenu {
            color: #000;
            border-bottom: 2px solid black;
            margin: 10px 0px 0px 0px;
            padding: 0px;
            z-index: 1;
            padding-left: 0px }

           #tabmenu li {
            display: inline;
            overflow: hidden;
            list-style-type: none; }

           #tabmenu a {
            color: #E9B226;
            background: #08107B;
            /* font-size: 0.8em; */
            font-size: small;
            font-family:'Verdana,sans-serif';
            font-weight: bold;
            border: 2px solid black;
            padding: 5px 5px 0px 5px;
            margin: 0px;
            text-decoration: none; }

           #tabmenu a.active {
            background: #FFFFFF
            border-bottom: 2px solid #08107B; }

           #tabmenu a:hover {
            color: #fff;
            background: #777777; }

           #tabmenu a.active:hover {
            background: #E9B226;
            color: #08107B; }

           #content {
            font: 0.8em "Trebuchet MS", arial, sans-serif;
            background: #ABAD85;
            height: auto;
            padding: 20px;
            border: 2px solid black;
            border-top: none;
            z-index: 2; }

           #content a {
            text-decoration: none;
            color: #E8E9BE; }

           #content a:hover { background: #898B5E; }
       </style>
   </head>
   <body>
       <ul id="tabmenu">
             <li>
                <a href="#">Tab 1</a>
              </li>
             <li>
                <a href="#" class="active">Tab 2</a>
              </li>
             <li>
                <a href="#">Tab 3</a>
              </li>

       </ul>
   </body>
</html>

Pillai
RPower@xxxxxxxxxx wrote:

Is it possible to create a tabbed page in html or javascript? I've searched the web, but I can't seem to find an answer. What I mean by a tabbed page, is like overlaying pages with tabs on the top. Thanks,

Ron Power Programmer Information Services City Of St. John's, NL P.O. Box 908 St. John's, NL A1C 5M2 Tel: 709-576-8132 Email: rpower@xxxxxxxxxx Website: http://www.stjohns.ca/ ___________________________________________________________________________ Success is going from failure to failure without a loss of enthusiasm. - Sir Winston Churchill