MyBB.de Forum
CSS für einen Anfänger - Druckversion

+- 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 &nbsp: 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;
}
Auch wenn der zweite "padding-right"-Wert den ersten überschreiben sollte, nimm mal versuchsweise den ersten mit den 5px raus.


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;
}
Setze die Attribute einfach einmal linksbündig.


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