Die oben stehenden Hyperlinks stellen eine allgemeine Navigati dar, bei der eine ungeordnete Liste mit CSS

 

Hauptseite der Homepage

Freier Text.

 

Vorgegebener Text.

Beachten Sie, dass der CSS-Code für diese Layouts mit vielen Kommentaren versehen ist. Wenn Sie vor allem in der Entwurfsansicht arbeiten, werfen Sie einen Blick auf den Code, um Tipps zum Verwenden von CSS für die fließenden Layouts zu erhalten. Sie können diese Kommentare vor dem Veröffentlichen Ihrer Site löschen. Weitere Informationen zu den in diesen CSS-Layouts verwendeten Methoden finden Sie in diesem Artikel im Adobe

Developer Center - http://www.adobe.com/go/adc_css_layouts.

Clearing-Methode

Da alle Spalten fließend sind, wird bei diesem Layout die Deklaration clear:both in der Regel .footer verwendet. Diese Clearing-Methode bewirkt, dass .container das Ende der Spalten erkennt, damit alle in .container

  1. geordente Liste eintrag 1
  2. geordnete Liste eintrag 2
  3.  

Verschachtelte Liste:

  1. Eintrag 1
  2. Eintrag 2
    1. Einzug 1
    2. Einzug 2
      1. Weiterer Einzug
      2. Weiterer Einzug
    3. Einzug 3
  3. Einzug 4

 

platzierten Rahmen oder Hintergrundfarben angezeigt werden. Wenn Sie in Ihrem Entwurf die Regel .footer aus .container entfernen müssen, ist eine andere Clearing-Methode erforderlich. Am zuverlässigsten ist das Hinzufügen eines <br class="clearfloat" />- oder <div class="clearfloat"></div>-Tags nach der letzten fließenden Spalte (jedoch vor dem Ende von .container). Dadurch wird der gleiche Clearing-Effekt erzielt.