Kopiere das Bild der Dampfmachine in den Ordner der HTML-Präsentation. Füge danach das Bild über eine Verknüpfung in den Quelltext unter den grauen Kasten ein. <img src="dampfmaschine.jpg"> Dadurch wird das Bild im laufenden Text eingebunden und schiebt sich zwischen den grauen Kasten und den folgenden Text. Das sieht nicht gut aus.
|
|
Es wird deshalb eine neue Klasse erstellt, die das Bild nach rechts schiebt und den Text um das Bild fließen lässt. Dem Bild-Tag muss diese Klasse zugeordnet werden! Der Eintrag margin:10px; legt einen Außenrand von 10 Pixeln fest.
|
|
Aufgabe: Ergänze die Klasse bild_rechts um einen Rand und einen Schatten. |
|