• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Adding the Style

We've banged out a list. Now we transform it:

     /*  Create buttons   */
#secondarynav ul {
     list-style: none;
     padding: 0;
     margin: 15px 0;
     border: 0;
     }

#secondarynav li   {
     text-align: center;
     border-bottom: 1px solid #000;
     width: 100px;
     margin: 0;
     padding: 0;
     font: 10px/15px Verdana, Lucida, Arial, sans-serif;
     color: #000;
     background: #e0861e;
     }

#secondarytop, #tertiarytop   {
     border-top: 1px solid #000;
     }

#secondarynav li a {
     display: block;
     font-weight: normal;
     padding: 0;
     border-left: 1px solid #000;
     border-right: 1px solid #000;
     background: #e0861e;
     color: #000;
     text-decoration: none;
     width: 100px;   /* False value for IE4-5.x/Win. */
     voice-family: "\"}\"";
     voice-family:inherit;
     width: 98px;   /* You get it. Good value for compliant browsers. */
     }


html>#secondarynav li a {
     width: 98px;   /* Be nice to Opera */
     }

#secondarynav li a:hover {
     font-weight: normal;
     border-left: 1px solid #000;
     border-right: 1px solid #000;
     background: #c90;
     color: #fff;
     text-decoration: none;
     }


					  


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint