21.04.2004 (Archiv)
Typografie im Web: Einzug
Ein beliebtes Mittel, um Texte lesbarer zu gestalten, sind Einzüge. Man verschiebt dabei die erste Zeile einfach mit ein paar Leerzeichen nach rechts.<!-- gopre -->Bei längeren Texten kann das jedoch etwas mühsam werden, da jede Zeile extra behandelt werden muss.
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</p>
CSS erleichtert die Arbeit. Damit lässt sich genauer Arbeiten und die Anweisungen können auch ausgelagert werden.
<p style='text-indent: 20px;'>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</p>
Das Gegenteil vom Einzug ist der 'Hängende Einzug'. Hier wird die erste Zeile nach links verschoben. Allerdings helfen hier keine Leerzeichen mehr sondern nur noch eine Tabelle. Mit CSS benötigt man diese aber nicht hier auch negative Werte eingesetzt werden können. Mit Hilfe von margin-left wird verhindert, dass der Text gegen den Browserrand gedrückt wird.
<p style='text-indent: -20px; margin-left : 20px;'>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</p>
Ihre Meinung dazu? Schreiben Sie hier!
Newsticker per eMail oder RSS/Feed!
Auch interessant!
Schriften im Einsatz
Für Farben im Web wird viel Gehirnschmalz vebraten, für Typografie hingegen darf kaum ein Gedanken versch...
Wie viel Text passt auf die Normseite?
Wenn Sie einfach und schnell herausfinden wollen, ob ein bestimmter Text auf eine definierte Anzahl an St...
Forum: Ihre Meinung dazu! Ins Forum dazu posten... |