Hallo, Gast! (Registrieren)

Letzte Ankündigung: MyBB 1.8.8 veröffentlicht (17.10.16)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
CSS für einen Anfänger
#1
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 http://www.sporthund-forum.de

Uli
Ein Hoch auf die "Zurücksetzen aufs Original" Taste !!

Meine MyBB-Spielwiese ist das http://www.sporthund-forum.de
Meine Brötchenquelle http://www.myserv24.de
Zitieren
#2
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.
Zitieren
#3
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
Ein Hoch auf die "Zurücksetzen aufs Original" Taste !!

Meine MyBB-Spielwiese ist das http://www.sporthund-forum.de
Meine Brötchenquelle http://www.myserv24.de
Zitieren
#4
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.
viele Grüße
Jockl
übersetzte und eigene Plugins
Zitieren
#5
Ne Jockl das wars nicht.
Ich könnte den einzelnen LI tags vielleicht eine eigene Class verpassen

Uli
Ein Hoch auf die "Zurücksetzen aufs Original" Taste !!

Meine MyBB-Spielwiese ist das http://www.sporthund-forum.de
Meine Brötchenquelle http://www.myserv24.de
Zitieren
#6
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.
Zitieren
#7
Ja das kommt vom Kopieren.
Jetzt ist es Linksbündig, der Effekt ist der gleiche.

Ulirich
Ein Hoch auf die "Zurücksetzen aufs Original" Taste !!

Meine MyBB-Spielwiese ist das http://www.sporthund-forum.de
Meine Brötchenquelle http://www.myserv24.de
Zitieren
#8
Versuche es noch einmal hiermit - füge in "global.css" hinzu:
Code:
.menu img {
margin-right: -4px;
}
Zitieren
#9
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
Ein Hoch auf die "Zurücksetzen aufs Original" Taste !!

Meine MyBB-Spielwiese ist das http://www.sporthund-forum.de
Meine Brötchenquelle http://www.myserv24.de
Zitieren


Möglicherweise verwandte Themen...
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Icons ändern für Anfänger Stuart 10 1.686 10.09.2012, 06:02
Letzter Beitrag: Torie
Question Zweiten (Eigenen css Code für a:link in global.css) ? corun 5 1.433 22.02.2009, 13:29
Letzter Beitrag: linwinman