Benutzer:M-J-G/css
mit CSS und Divs[Bearbeiten | Quelltext bearbeiten]
Dis sind eine spezielle Technik Ebenen in einem Dokuement zu definieren. Die derzeit häufig im Webdesign gebrauchten Tables (in Wikipedia mit {| eingeleitet |} entsprechen nicht den Anforderungen für modernen Quellcode, was den Aufbau einer Seite angeht. Tables sind wie der Name schon sagt, nur für Tabellen gedacht. Designs sollte man wann immer es geht mit divs verwirklichen. Ein Beispiel für eine Benutzerseite, die ohne Tables auskommt, ist diese: Benutzer:IN_Madde. Divs und Css sind gewöhnungsbedürftig, doch sie sind Zeichen von einem modernen Layout, und sparen Quellcode und entlasten so die Wikipedia Server. Divs können auch ineinander gestapelt werden, und können besser angebracht werden, als das mit Tabels überhaupt möglich ist.
Die eigenschaften Eines divs werden in dem Abschnitt style="" definiert, und die einzelen Eigenschaften jeweils mit ; getrennt.
Die Elemente sind zur Veranschaulichung in den Beispielen mit einem Rahmen ausgestattet.
| Code | Wirkung | Beispiel |
|---|---|---|
float:right;
|
rechts Lässt den Text links am Element vorbeifließen
|
<div style="float:right;">Inhalt des Elements</div>
|
float:left;
|
links Lässt den Text rechts am Element vorbeifließen
|
<div style="float:left;">Inhalt des Elements</div>
|
background-color:[Farbe];
|
Ein Text mit Hintergrund
|
<div style="background-color:#999999;">Ein Text mit grauem Hintergrund</div>
|
border: [Art] [Größe] [Farbe];
|
Ein Text mit einfachem Rahmen Ein Text mit gepunktetem Rahmen Ein Text mit gestricheltem Rahmen
|
<div style="border: solid 1px #999999;">Ein Text mit grauem, einfachem Rahmen</div>
Die wichtigsten Arten von Rahmen:
|
Einige CSS Tags lassen sich durch das style Element nur in divs verwenden. Diese sind in der obigen Tabelle grau unterlegt.
Siehe auch: Hilfe:Farben, Web-Farben, Cascading Style Sheets