+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: CSS für einen Anfänger (/thread-11500.html)
CSS für einen Anfänger - Ulrich - 08.11.2008
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
RE: CSS für einen Anfänger - linwinman - 08.11.2008
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.
RE: CSS für einen Anfänger - Ulrich - 08.11.2008
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  : rausgeholt und keine Änderung.
Immer noch mit Lücken
Ulrcih
RE: CSS für einen Anfänger - Jockl - 08.11.2008
Code:
.menu img {
padding-right: 5px;
vertical-align: top;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 0px;
padding-right: 0px;
}RE: CSS für einen Anfänger - Ulrich - 08.11.2008
Ne Jockl das wars nicht.
Ich könnte den einzelnen LI tags vielleicht eine eigene Class verpassen
Uli
RE: CSS für einen Anfänger - linwinman - 08.11.2008
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;
}RE: CSS für einen Anfänger - Ulrich - 09.11.2008
Ja das kommt vom Kopieren.
Jetzt ist es Linksbündig, der Effekt ist der gleiche.
Ulirich
RE: CSS für einen Anfänger - linwinman - 09.11.2008
Versuche es noch einmal hiermit - füge in "global.css" hinzu:
Code:
.menu img {
margin-right: -4px;
}RE: CSS für einen Anfänger - Ulrich - 09.11.2008
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