Menüleiste mit CSS / Navbar 2

  • <style>a:link.men { width : 150px; background-color : darkblue; font: normal 80%/100% Verdana; letter-spacing : 2px; text-decoration : none; color : white; font-weight : normal; margin-right : 4px; padding-top : 2px; padding-bottom : 2px; padding-left : 4px; padding-right : 4px; border-top : 3px outset blue; border-left : 3px outset blue; border-right : 3px outset blue; border-bottom : 3px outset blue; }a:visited.men { width : 150px; background-color : darkblue; font: normal 80%/100% Verdana; letter-spacing : 2px; text-decoration : none; color : white; font-weight : normal; margin-right : 4px; padding-top : 2px; padding-bottom : 2px; padding-left : 4px; padding-right : 4px; border-top : 3px outset blue; border-left : 3px outset blue; border-right : 3px outset blue; border-bottom : 3px outset blue; }a:hover.men { width : 150px; background-color : darkblue; font: normal 80%/100% Verdana; letter-spacing : 2px; text-decoration : none; color : yellow; margin-right : 4px; padding-top : 2px; padding-bottom : 2px; padding-left : 4px; padding-right : 4px; border-top : 3px outset blue; border-left : 3px outset blue; border-right : 3px outset blue; border-bottom : 3px outset blue; }</style></head><body bgcolor="#FFFFFF" text="#000000"> Menüleiste 3 Button Effekt durch outset - Hovereffekt nur für die Beschriftung. Gleichmäßige Größe für alle Menüpunkte mit width : 150px<a href="#" class="men"> Homepage: href="#" class="men"> Linkliste: href="#" class="men">Bestellungen href="#" class="men">Kurzvorstellung - Zum Vergleich: href="#"> Normaler Hyperlink ohne Formatierung auf der selben Seite. Das sind übrigens keine Grafiken ;-) Verwenden Sie diesen Code und Sie können das auch: <style>a:link.men { width : 150px; background-color : darkblue; ont: normal 80%/100% Verdana; letter-spacing : 2px; text-decoration : none; color : white; font-weight : normal; margin-right : 4px; padding-top : 2px; padding-bottom : 2px; padding-left : 4px; padding-right : 4px; border-top : 3px outset blue; border-left : 3px outset blue; border-right : 3px outset blue; border-bottom : 3px outset blue; }a:visited.men { width : 150px; background-color : darkblue; font: normal 80%/100% Verdana; letter-spacing : 2px; text-decoration : none; color : white; font-weight : normal; margin-right : 4px; padding-top : 2px; padding-bottom : 2px; padding-left : 4px; padding-right : 4px; border-top : 3px outset blue; border-left : 3px outset blue; border-right : 3px outset blue; border-bottom : 3px outset blue; }a:hover.men { width : 150px; background-color : darkblue; font: normal 80%/100% Verdana; letter-spacing : 2px; text-decoration : none; color : yellow; margin-right : 4px; padding-top : 2px; padding-bottom : 2px; padding-left : 4px; padding-right : 4px; border-top : 3px outset blue; border-left : 3px outset blue; border-right : 3px outset blue; border-bottom : 3px outset blue; }</style>