Protostar Horizontalmenü designen

in der user.css hast du ja schon angefangen.

z.B. die Zeile margin ergänzen

nav-pills > li {
display: inline-block;
float: none;
margin: 0 0.8em;
}

Den anderen "Kram" kannst Du eigentlich raus löschen, da Du zudem auch mehrfach Außenabstände (margin) angegeben hast.""

Angaben zu border-radius, color und background-color können bestehen bleiben.

/* Horizontalmenü-Anpassung*/
.nav-pills > li > a {
    /*! padding-top: 8px; */
    /*! padding-bottom: 8px; */
    /*! margin-top: 2px; */
    /*! margin-bottom: 2px; */
    /*! -webkit-border-radius: 5px; */
    background-color: #728a41;
    color: #FFF;
    /*! padding-top: 8px; */
    /*! padding-bottom: 8px; */
    /*! margin-top: 2px; */
    /*! margin-bottom: 2px; */
    /*! margin-left: 2px; */
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
}

.nav-tabs > li > a, .nav-pills > li > a {
    /*! padding-right: 12px; */
    /*! padding-left: 12px; */
    /*! margin-right: 2px; */
    /*! line-height: 10px; */
}

Da bei dem Menüpunkt "ältere Beiträge" Deine o.g. Einstellungen wirken, solltest Du dann auch den "Hover Effekt anpassen und wenigstens die Schrift dann wieder auf dunkel setzen

z.B.

.nav-pills > li > a:hover {
    color: #333333;
}

LukasHH,

Hab obiges temporär umgesetzt. Bei den Abständen kaum Besserung?

Könnte man dies tun?

span.separator {
padding:10px;    
}

Liebe Grüße

Christine

da fehlte ein Punkt - ist beim kopieren nicht mitgekommen.

.nav-pills > li {
display: inline-block;
float: none;
margin: 0 0.8em;
}

Aber das von Christine funktioniert auch.

Hallo Lukas,

ah ja ..... bin ich als Haftelmacher wohl drüber gestolpert - das mit dem Kopieren passiert mir auch öfters

Liebe Grüße

Christine

Zitat von Rakete

Wo kommt der Hoover-Schnippsel hin?

auch in die user.css

Christian