Direktnavigation
Weitere Infos
Inhaltsbereich
14.3 Der erste Versuch: die Grafiken floaten
Der naheliegendste Weg, um Text und Grafiken nebeneinanderzustellen, wäre das einfache Floaten der Grafiken. Im folgenden ToDo machen Sie genau das und floaten die Grafiken innerhalb der div-Elemente nach links.
ToDo: Die Grafiken nach links floaten
- Öffnen Sie galerie_basis.html im Editor.
- Fügen Sie an das Ende des Style-Blocks die folgende CSS-Regel zum Floaten der Grafiken ein:
div.galerie img {
float: left;
margin-right: 15px;
} - Speichern Sie die Webseite und betrachten Sie sie im Browser.
CSS-Einsteiger erwarten an dieser Stelle meist, dass damit alles erledigt ist, aber das Ergebnis im Browser entspricht – gelinde gesagt – nicht ganz den Erwartungen:
Abbildung 14.3: Der erste Versuch – eine ziemlich windschiefe Galerie