Inhaltsverzeichnis mit (X)HTML und CSS

Derek Punsalan stellt einen interessanten Ansatz wie man mittels CSS ein ansprechendes Inhaltsverzeichnis realisieren kann. Dabei kommen Listen zum Einsatz und der Listeninhalt der zuerst im Quelltext vorkommt wird rechts gefloatet und der nachfolgende Inhalt wird links gefloatet und das ganze Listenelement bekommt als Hintergrund eine 1×1 Pixel Grafik welche eine dünne Linie simuliert … lange rede kurzer Sinn, am besten man schaut sich das Beispiel direkt an.

Via F-LOG-GE.

Wir arbeiten seit 20 Jahren mit WordPress und bieten diverse Dienst­leistungen rund um das System an. Kontaktiere uns für weitere Informationen oder für ein Angebot.

Verwandte Beiträge:

6 Kommentare

  1. Hallo Martin,

    da kennst du aber den Inhalt meines Weblogs besser als ich :razz:.
    Vielen Dank für den Hinweis.

  2. […] Die bei Perun gefundene Methode zur Gestaltung eines Inhaltsverzeichnisses mit CSS ist ganz nett. Andererseits kommt die Weiterentwicklung dieser Methode mit saubererem HTML und ohne die Verwendung von Bildern zu einem vergleichbaren Ergebnis. […]

  3. es ist offensichtlich nicht möglich html tags zu benutzen. ich meine die sinnfreien breaks stören mich.

  4. @Andreas,

    es ist offensichtlich nicht möglich html tags zu benutzen.

    Etwa 15 Pixel über der Textbox steht folgendes geschrieben … sogar hervorgehoben:

    Code-Beispiele: damit die Code-Beispiele richtig angezeigt werden müssen die Sonderzeichen maskiert werden (z. B. < zu &lt;).

  5. […] bei Perun gefundene Methode zur Gestaltung eines Inhaltsverzeichnisses mit CSS ist ganz nett. Andererseits […]

Kommentare sind geschlossen.