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

Sie wollen auch ein ePaper? Erhöhen Sie die Reichweite Ihrer Titel.

YUMPU macht aus Druck-PDFs automatisch weboptimierte ePaper, die Google liebt.

CSS<br />

<br />

Blockelement<br />

<br />

<br />

Blockelement<br />

<br />

<br />

Blockelement<br />

<br />

<br />

<br />

Die einfachste Möglichkeit, auf die Position eines Elements Einfluss<br />

zu nehmen, ist die Umwandlung von Block- zu Inline-Elementen<br />

und umgekehrt. Dies geschieht mit Hilfe der display-Eigenschaft<br />

in CSS:<br />

display: block;<br />

Erzwingt einen Zeilenumbruch, das Element wird wie ein<br />

Blockelement behandelt.<br />

display: inline;<br />

Element wird im laufenden Textfluss angezeigt und wie ein<br />

Inline-Element behandelt.<br />

Darüber hinaus bietet die display-Eigenschaft noch weitere nützliche<br />

Funktionen, von denen hier nur die gebräuchlichsten kurz<br />

vorgestellt werden:<br />

TECHNISCHE<br />

GRUNDLAGEN<br />

4<br />

Abb. 4.4.9a: Standardmäßig werden die<br />

HTML-Elemente im Textfluss positioniert.Dieses<br />

Verhalten kann per CSS auch mit position:<br />

static; gesetzt werden.<br />

91

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

Erfolgreich gespeichert!

Leider ist etwas schief gelaufen!