====== Positionierungsübung ====== Erstelle zwei Boxen, welche sich folgendermaßen reihen: \\ {{:inf:css:uebungen_zur_elementgestaltung:04_positionierungsuebung1.png?200|}} \\ (1.Version) \\ ---- Danach ändere die Datei so, dass sich die Elemente so überlappen: \\ {{:inf:css:uebungen_zur_elementgestaltung:04_positionierungsuebung.png?300|}} \\ (2. Version) ===== Parameter ===== * Die Boxen sollen im CSS-Stylesheet für den HTML-Tag %%
%% definiert werden. (padding, border, width, color, ...) * Für diese Boxen sollen zwei Klassen (.box1 und .box2) erstellt werden, in denen die Hintergrundfarbe und die Positionierung definiert werden. * Die zweite Box soll bei der zweiten Version mittels "position:absolute;" und den Einzügen "top: 2em;" und "left: 4em;" über die andere gelegt werden. \\ ===== Mögliche Realisierung der Übung ===== Der HTML-Code mit CSS-Stylesheet ist hier einzusehen: Positionierungsübung
Erste Box

Zwischentext

Zweite Box
 ===== Nützliche Links ===== [[inf:css:positionierung_von_elementen|Positionierung mittels CSS in der Wiki erklärt]]