#1 4. August 2010 Bild einbinden? Guten Abend, ich habe gerade ein Problem beim Thema CSS. Es geht um folgenden CSS Code: Code: /* Menu2 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ +++++++++ */ .Menu2 {margin-top: 5px;} .Menu2 { background: #58a7e3; padding: 5px 30px 7px 30px; border:1px solid #0a67ae;FF;} [B].Menu2 { background-image: url(meinbild); background-position: [/B] 5 10; } Es läuft alles perfekt. Nur ich habe ein kleines Bild (32x30 Pixel eingebunden (sehr ihr ja an dem fetten CSS Code). Leider wird das Bild nun nicht einmal angezeigt sondern mindestens 15x nebeneinander. Ich will es nur einmal links haben. Wie mache ich das bzw. was muss ich verändern? Beste Grüße, Wie_Er + Multi-Zitat Zitieren
#2 4. August 2010 AW: Bild einbinden? Repeat ist da das Stichwort. Also background-repeat:no-repeat Darf man fragen wieso du immer wieder Menu2 neu definierst? Code: .Menu2 { margin-top: 5px; background: #58a7e3; padding: 5px 30px 7px 30px; border:1px solid #0a67ae;FF; background-image: url(meinbild); background-position: 5 10; background-repeat:no-repeat; } Tut es auch und ist sogar noch übersichtlicher + Multi-Zitat Zitieren
#3 4. August 2010 AW: Bild einbinden? Muchas gracias :] Klappt einwandfrei. Das mit der wiederholten Definierungist eine schlechte Angewohnheit und Unwissenheit. Werde ich ändern. Die Bewertung ist natürlich raus! Ich lasse hier mal für etwaige Fragen noch offen. + Multi-Zitat Zitieren
#4 6. August 2010 AW: Bild einbinden? Besser ist es so: Code: .Menu2 { background: url("meinbild") no-repeat 5px 10px #58A7E3; border: 1px solid #0a67ae; margin: 5px 0 0 0; padding: 5px 30px 7px 30px; } So ist das kürzer. Als kleiner Tipp noch: CSS 4 You - The Finest in Stylesheets + Multi-Zitat Zitieren