MyBB.de Forum

Normale Version: CSS für einen Anfänger
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
Ich habe in meinem Forum für die Navigation menu einen Satz Icons gestrickt.

Leider bekomme ich die nicht zusammen, was ich auch mache ich habe immer einen Spalt dazwischen. Hat jemand für einen CSS-Anfänger einen guten Rat?

Siehe www.sporthund-forum.de

Uli
Hallo Ulrich,

in deinem "global.css" ist ein Fehler (siehe auch > "Ergebnisse des CSS-Validators"):
Code:
.menu li {
    display: inline;
    margin: 0;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 0px;
        padding-right: 0px;}

Entferne bitte einmal das " " und überprüfe nochmals die Ausgabe.
Das Problem das ich immer wieder mal aus unerfindliche Gründen geschützt Leerzeichen in irgendwelchen Templates habe ist mir bekannt. Kann an meiner Kiste liegen.

Ich habe das &nbsp: rausgeholt und keine Änderung.

Immer noch mit Lücken

Ulrcih
Code:
.menu img {
    padding-right: 5px;
    vertical-align: top;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 0px;
        padding-right: 0px;
}
Auch wenn der zweite "padding-right"-Wert den ersten überschreiben sollte, nimm mal versuchsweise den ersten mit den 5px raus.
Ne Jockl das wars nicht.
Ich könnte den einzelnen LI tags vielleicht eine eigene Class verpassen

Uli
Irgendetwas ist da nicht i. O.

Auszug aus "http://sporthund-forum.de/cache/themes/theme2/global.css":
Code:
.menu img {
    padding-right: 5px;
    vertical-align: top;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 0px;
       padding-right: 0px;
}
Setze die Attribute einfach einmal linksbündig.
Ja das kommt vom Kopieren.
Jetzt ist es Linksbündig, der Effekt ist der gleiche.

Ulirich
Versuche es noch einmal hiermit - füge in "global.css" hinzu:
Code:
.menu img {
margin-right: -4px;
}
Das ist nah dran, im IE sieht das perfekt aus.
Unter Mozilla habe ich allerdings noch kleine weiße spalten bei jedem 2. Button.
Da kümmer ich mich morgen drum.

Das man auch negative Werte eingeben kann war mir neu, danke fürs zeigen.

Ulrich