04.02.2013 Aufrufe

Webdesign - Webseiten planen, gestalten - Free-Hack Library

Webdesign - Webseiten planen, gestalten - Free-Hack Library

Webdesign - Webseiten planen, gestalten - Free-Hack Library

MEHR ANZEIGEN
WENIGER ANZEIGEN

Erfolgreiche ePaper selbst erstellen

Machen Sie aus Ihren PDF Publikationen ein blätterbares Flipbook mit unserer einzigartigen Google optimierten e-Paper Software.

Abb. 4.5.8a: Mögliche Lösung der HTML/CSS<br />

Übungen<br />

Lösung unter: http://mediendesign-online.net/<br />

xmediapress<br />

110<br />

#navigation li.day {<br />

border-right: none;<br />

padding-left: 16em;<br />

padding-right: 0;<br />

}<br />

#navigation a {<br />

margin: 0;<br />

padding: 0;<br />

text-decoration: none;<br />

color: #404040;<br />

}<br />

Schritt für Schritt zur HTML-Seite mit Stylesheet<br />

CSS-Übung zur Positionierung<br />

Ergänzen Sie Ihren Quelltext aus Kapitel 4.3.14 bzw. 4.4.4 um die<br />

benötigten Container und ein Stylesheet, damit Sie ein dreispaltiges<br />

Layout erhalten. Entfernen Sie jedoch zuvor die Rahmen. Lassen<br />

Sie das Bild vom Text umfließen.<br />

Ihre Lösung könnte in etwa so aussehen:<br />

Wenn Sie Lust haben, können Sie die Seite nun nach Ihren Wünschen<br />

<strong>gestalten</strong>. Verwenden Sie doch eine schönere Schriftart und<br />

experimentieren Sie mit ein paar Farben. Doch vergessen Sie nicht,<br />

Ihre Seite in den gängigsten Browsern zu testen.<br />

Eine umfangreichere Übung finden Sie auch am Ende dieses<br />

Kapitels.

Hurra! Ihre Datei wurde hochgeladen und ist bereit für die Veröffentlichung.

Erfolgreich gespeichert!

Leider ist etwas schief gelaufen!