Main Menu unterstreichen

kleinefarm · May 27th 2012

Hallo
Wie bekomme ich das Main Menu mit einer von mir definierten Farbe unterstrichen (#660)
Ich habe folgendes Versucht:

CSS

#mainMenu {
    background-color: #333333;
    border: 5px #666600;
    padding-bottom: 5px;
    padding-top: 5px;
    position: relative;
    top: 12px;
}

Es ist aber nicht zu sehen und Firebug ändert den Code wie folgt ab:

CSS

#mainMenu {
    background-color: #333333;
    border: 5px none #666600;  <-wird durchgestrichen->
    padding-bottom: 5px;
    padding-top: 5px;
    position: relative;
    top: 12px;
}

Wo liegt der Fehler bzw. wie mache ich es richtig?

cls-design · May 27th 2012

Du hast eine andere Deklaration drin die den Rahmen als 0 definiert. Eventuell hilft:

border: 5px #666600 !important;

ein Unterstrich sollte aber eher so aussehen:

border-bottom: 5px #666600 !important;

border: 5px

erzeugt einen Rahmen.

kleinefarm · May 27th 2012

Hallo
Ich habe die Deklination die den Rahmen verbietet gefunden:

CSS

#header, #logo, #mainMenu, #mainMenu .mainMenuInner {
border: 0px
}

wenn ich dies aber entferne und bei Main Menu deinen Code hinschreibe ist der Rahmen komplett drum dünn und weiß
Also sieht der CSS Code nun so aus:

CSS

#mainMenu {
    background-color: #333333 !important;
   border-bottom: 5px #666600 !important;
    padding-bottom: 5px;
    padding-top: 5px;
    position: relative;
    top: 12px;
}

Der Link zu dem Style ist http://test.ls-galaxy.de

cls-design · May 27th 2012

Da fehlt noch das solid:

border-bottom: 5px solid #666600 !important;

http://www.css4you.de/border.html

kleinefarm · May 27th 2012

Cool danke hat geklappt

Main Menu unterstreichen

Participate now!

Share