***** Übungen: CSS - Listen ***** CSS_7-1: Liste mit unterschiedlichen Aufzählungszeichen formatieren Formatieren Sie die folgenden Listen wie angegeben (mit style="...") und überprüfen Sie, ob das Ergebnis Ihren Vorstellungen entspricht. Ergänzen Sie außerdem die umschließenden Tags für ungeordnete oder nummerierte Liste. 1. Kein Aufzählungszeichen --- HTML-Code Start ---
  • Punkt 1
  • Punkt 2
  • Punkt 3
    • --- Code Ende --- 2. a, b, c … --- HTML-Code Start ---
  • Der Präsident hat sämtliche Vollmachten.
  • Punkt a. gilt auch für den Sonderfall.
  • Der Vizepräsident hat sämtliche Sonderbefugnisse.
    • --- Code Ende --- 3. gefüllte Quadrate --- HTML-Code Start ---
  • rot
  • grün
  • blau
    • --- Code Ende --- @@@ CSS_7-2: Listendefinition im Head Sorgen Sie über Stildefinitionen im Head des Dokuments dafür, dass die Listen wie vorgegeben formatiert werden. --- HTML-Code Start --- Ich bin ein Dokument mit vielen Listen

    Liste mit Großbuchstaben: A, B, C ...

    Meine Lieblingsgötter der griechischen Mythologie sind:

    1. Zeus
    2. Apollo
    3. Herakles

    Liste mit leeren Kreisen

    --- Code Ende --- @@@ CSS_7-3: Liste horizontal ausrichten Wenn Sie dem li-Tag die Definition display : inline; zuweisen, wird die Liste horizontal ausgerichtet (s.a. listamatic). Das ist häufig nützlich, wenn man eine horizontale Navigation erstellen möchte. Verändern Sie den folgenden Code so, dass die Liste horizontal ausgerichtet wird. --- CSS-Code Start --- Ich bin eine bald horizontale Liste --- Code Ende ---