lavamine.ru

August 19, 2024
Nun erstellen wir im Stylesheet einen neuen CSS-Stil für den DIV-Container "box" und definieren die Grundinformationen wie folgt: #box { background: #669933 url(images/) no-repeat; position: relative; padding: 20px; width: 550px; height: auto;} Im DIV-Container "box" wird neben der Hintergrundfarbe auch die Grafik der ersten abgerundeten Ecke (oben links) definiert. Box in html erstellen. Der Wert bei padding entspricht der Abmessung eurer Grafiken mit den abgerundeten Ecken. Schritt 2 Nun definieren wir die Gemeinsamkeiten der drei SPAN-Klassen, weswegen diese in einen Abschnitt zusammengefügt werden:,, { position: absolute; width: 20px; height: 20px; display: block;} Die Höhe- und Breitenangabe müssen den Abmessungen eurer Grafiken mit den abgerundeten Ecken entsprechen. Schritt 3 Zuletzt definieren wir die unterschiedlichen Quellen und Positionen der übrigen drei Bilder in der jeweiligen SPAN-Klasse: { background: url(images/) no-repeat; top: 0; right: 0;} bottom: 0; left: 0;} Soweit so gut mit dem regulären Teil des Tutorials … Broserkompatibilität und -fixes Unter allen aktuell gängigen Browsern funktioniert das Code Snippet einwandfrei, Ausnahme bildet der Internet Explorer 6, der bekanntermaßen mit CSS auf Kriegsfuß steht.