Webdesign – Cascading Stylesheets
Seite gliedern

DeveloperIT-ProjekteOffice-AnwendungenSoftware

Mit div-Containern können Sie eine Webseite in logische Bereiche gliedern und übersichtlich gestalten.


div-Container ___

Mit div-Containern können Sie eine Webseite in logische Bereiche gliedern und übersichtlich gestalten.
Denkbare Bereiche sind

...
...
...


Über den id-Parameter geben Sie jedem Container einen eindeutigen Namen. Innerhalb der Abschnitte lassen sich beliebige HTML-Elemente einfügen. Es macht dabei keinen Unterschied, ob Sie das Layout der Webseite wie bisher üblich mit Tabellen anlegen oder ob Sie die div-Container mit CSS auf der Seite positionieren. Möchten Sie beispielsweise die Hyperlinks im Hauptmenü anders formatieren als die in den übrigen Abschnitten, so schachteln Sie die CSSFormate auf die folgende Weise:
/*Formate für Hauptmenü*/
#hauptmenue a
(text-decoration:none; color:#003399;}

Im Bereich hauptmenue werden Verweise nun
ohne Unterstreichung dargestellt. Schreiben Sie zur
besseren Übersicht sämtliche Formate für einen
Container unmittelbar hintereinander.
Haben Sie den Styleguide komplett in CSS-Befehle
umgesetzt, dann verknüpfen Sie sämtliche
Seiten Ihres Angebots mit der externen CSS-Datei.


Geben Sie dazu diese Codezeilen in den head-Bereich
des HTML-Dokuments ein.

Autor: swasi
Anklicken um die Biografie des Autors zu lesen  Anklicken um die Biografie des Autors zu verbergen