Inhaltsverzeichnis Experiment

Beispieltext:

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Frohe Weihnachten

brain_xmas_2008

HTML-Code des Inhaltsverzeichnisses:

<div style="background-color:#F5F5F5;float:right;margin:0 10px 10px;padding:10px 10px 0;display:inline;max-width:180px;">
<p style="font-weight:bold;font-size:16px;margin-bottom:5px;">Inhalt</p>
<ul style="list-style-type:none;margin-left:0;">
  <li><a href="#jm1">Sprungmarke1</a></li>
  <li><a href="#jm2">Sprungmarke2</a></li>
  <li><a href="#jm3">Sprungmarke3</a></li>
</ul>
</div>

Sprungmarke im Text:

<a name="jm1"></a>
Advertisements

16 Gedanken zu “Inhaltsverzeichnis Experiment

  1. Vielleicht liegts am Theme, aber ich bekomme keine Box und es ist, als ob es ganz normal als Links eingefügt wäre.
    Ich möchte gerne diese Box rechts oben bei den Beiträgen haben, wo ich über Bücher schreibe, zur besseren Verständnis.
    Ansonsten weiss ich auch nicht, wie ich paar links genau oben rechts neben dem Text und den Bild positionieren kann.
    Kannst Du mir da helfen?

    Gefällt mir

Kommentar verfassen

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden / Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden / Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden / Ändern )

Google+ Foto

Du kommentierst mit Deinem Google+-Konto. Abmelden / Ändern )

Verbinde mit %s