[an error occurred while processing this directive]

Ganz schön bunt

Laden Sie jetzt stimmige Farbwelten für Ihre Webseiten herunter - kostenlos

Hier klicken und mehr erfahren

Programme von Machern für Macher

Die Grammiweb-Produktreihe hält viele praktische Tools für Webdesigner bereit

Hier klicken und mehr erfahren

[an error occurred while processing this directive]

(Stand: 29.03.24, Adresse: http://www.grammiweb.de/html/html050.shtml)

 

Zeilenabstand ganz einfach

Häufig ergeben sich bei Linklisten Probleme, da diese sehr schnell unübersichtlich werden. Wird jeder Link mit einer Erklärung angegeben und soll dabei komplett auf CSS verzichtet werden, ist die Übersichtlichkeit noch schwerer zu erreichen.

Ein Beispiel ist eine der typischen Grammiweb-Linklisten:

Eintrag
Erklärung zum Eintrag, die mitunter auch ein wenig länger ausfällt, da sich hinter diesem Verweis etwas besonders Interessantes versteckt

Eintrag
Erklärung zum Eintrag

Eintrag
Erklärung zum Eintrag, die schon wieder ein wenig länger ausfällt, da sich hinter diesem Verweis etwas besonders Interessantes versteckt

...

Wenn eine Seite mehrere Links dieser Art beinhaltet, ist schnell ein genaues Nachlesen jedes einzelnen Eintrags nötig.

Abhilfe schafft hier das Blindgif, das wir Ihnen schon in dem Beitrag "Formatierung vorschreiben" vorgestellt haben.

Fügen Sie einfach am Beginn jeder Erklärung eben diese transparente Grafik ein und geben Sie ihr eine Breite von einem Pixel und eine Höhe von etwa achtzehn. Diesen Wert können Sie beliebig variieren und so einen mehr oder weniger groß ausfallenden Abstand zur vorherigen Zeile erzeugen:

Eintrag
Erklärung zum Eintrag, die mitunter auch ein wenig länger ausfällt, da sich hinter diesem Verweis etwas besonders Interessantes versteckt

Eintrag
Erklärung zum Eintrag

Eintrag
Erklärung zum Eintrag, die schon wieder ein wenig länger ausfällt, da sich hinter diesem Verweis etwas besonders Interessantes versteckt

...

Natürlich können Sie auch die Breite der Grafik verändern, um so den Beginn der Zeile zu verschieben:

Eintrag
Erklärung zum Eintrag, die mitunter auch ein wenig länger ausfällt, da sich hinter diesem Verweis etwas besonders Interessantes versteckt

Eintrag
Erklärung zum Eintrag

Eintrag
Erklärung zum Eintrag, die schon wieder ein wenig länger ausfällt, da sich hinter diesem Verweis etwas besonders Interessantes versteckt

...

Das Blindgif können Sie wie folgt einbinden:

<img src="blindgif.gif" width="1" height="18">Text


Zurück zum Inhaltsverzeichnis

[an error occurred while processing this directive] [an error occurred while processing this directive]

© Grammiweb.de Internetlösungen. Alle Rechte vorbehalten. Stand: 29.03.2024
Seitenanfang - Sponsor werden - Datenschutz - Medien - Impressum - Werbung - Hilfe - Kontakt