Schachteln von Listen

Hyper Text Markup Language (HTML wird zum Auszeichnen von Webseiten benutzt. Es enthält Beschreibung zum Markieren typischer Elemente eines Dokuments wie Überschriften, Listen, Tabellen oder Grafiken.) Fragen - Antworten –Tipps hier hinein...

Moderator: lauras

Beiträge bitte im neuen Forum

Schachteln von Listen

Beitragvon Andreas » Montag 2. Januar 2012, 17:54

Liebe Mitstreiter,

als totaler Anfänger wollte ich Listen mit Unterpunkten mit HTML erstellen (ich weiß, dafür gibt`s MS-Office) - als Ergänzung zu der Übung im HTML Seminar. Dies ist auch gelungen, bei der Validierung des Codes wurde mir aber das Öffnen einer neuen Liste in einer bestehenden Liste als Fehler angezeigt. Warum ist das so? Und wie mache ich`s richtig? Wie erhalte ich bei Bedarf eine Liste mit den Punkten 1, 1.1, 1.11 und so weiter in sauberem HTML?

hier der Code:

Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<html>

<head>
    <title>Übung zu Listen</title>

    <meta charset="ISO-8859-1">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="keywords" content="">

    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)">

    <link href="style.css" type="text/css" rel="stylesheet">
</head>

<body>
<h1>Einkaufsliste</h1>
<ul>
<li>Molkereiprodukte</li>
    <ol>
    <li>Milch</li>

    <li>Joghurt</li>
    <li>Quark</li>
    </ol>
<li>Gemüse</li>
    <ul>
    <li>Zucchini</li>
    <li>Blumenkohl</li>

    <li>Tomate</li>
    </ul>
</ul>

<h2>Checkliste Auto</h2>

<ol>
    <li>Karosserie</li>
    <ul>
    <li>Stimmen die Spaltmaße?</li>

    <li><i>Dichtungen prüfen</i></li>
    <li><b>sind Roststellen vorhanden?</b></li>
    </ul>
    <li>Innenraum</li>
    <ol>
    <li>Sauberkeit</li>
    <li>Polster</li>

    <li>Abnutzung Lenkrad</li>
    </ol>
</ol>


<p>
<a href="Russische Puppen.htm">Hier eine andere Übung zum Umgang mit HTML</a>
</p>
</body>
</html>
Andreas
HTML-Newbie
 
Beiträge: 8
Registriert: Sonntag 10. Januar 2010, 19:41

Re: Schachteln von Listen

Beitragvon drPHIP132 » Montag 2. Januar 2012, 18:15

Eine weitere liste, muss in einen menüpunkt herein.
Siehe code

Code: Alles auswählen
<ul>
<li> <ul>weitere liste <li>hier steht etwas</li> </ul> </li>
</ul>


:)
Benutzeravatar
drPHIP132
HTML-Acrobat
 
Beiträge: 744
Registriert: Samstag 15. Januar 2011, 19:10
Wohnort: Sachsen, Erzgebirge

Re: Schachteln von Listen

Beitragvon webmaster3000 » Montag 2. Januar 2012, 20:03

Außerdem sollte man Tags wie <b>, <i> und <u> nicht verwenden. Lieber stattdessen <strong> und <em>, aber am besten mit CSS. Sowas kann vom Validator nämlich auch als Fehler gewertet werden.

Und die Unterlisten (<ol> bzw. <ul>) kommen, wie gesagt, in einen li-Tag.

Hoffe, ich konnte helfen,
webmaster3000
webmaster3000
HTML-Doctor
 
Beiträge: 257
Registriert: Donnerstag 29. September 2011, 16:32
Wohnort: Irgendwo in Thüringen

Re: Schachteln von Listen

Beitragvon Andreas » Montag 2. Januar 2012, 22:00

Herzlichen Dank - ich bin total begeistert von den schnellen Antworten!!
Andreas
HTML-Newbie
 
Beiträge: 8
Registriert: Sonntag 10. Januar 2010, 19:41

Re: Schachteln von Listen

Beitragvon drPHIP132 » Montag 2. Januar 2012, 22:32

Andreas hat geschrieben:Herzlichen Dank - ich bin total begeistert von den schnellen Antworten!!


Ist keine Ausnahme in diesem Forum :-)
Benutzeravatar
drPHIP132
HTML-Acrobat
 
Beiträge: 744
Registriert: Samstag 15. Januar 2011, 19:10
Wohnort: Sachsen, Erzgebirge

Re: Schachteln von Listen

Beitragvon Andreas » Freitag 6. Januar 2012, 11:14

Aufgrund akkuter Hirnverknotung stand hier eine Frage, die überflüssig war - HEUREKA!!!
Zuletzt geändert von Andreas am Freitag 6. Januar 2012, 12:43, insgesamt 1-mal geändert.
Andreas
HTML-Newbie
 
Beiträge: 8
Registriert: Sonntag 10. Januar 2010, 19:41

Re: Schachteln von Listen

Beitragvon drPHIP132 » Freitag 6. Januar 2012, 12:03

Hallo,
meinst du dein Code wurde vom W3C validator mit Fehlern gekennzeichnet.? sicher das es keine Warnung <Warning> war?

bin grade in der Schule und kann mir das codeschnipsel leider nicht genauer zu Gemüte führen.


Gruß
Phip S.
Benutzeravatar
drPHIP132
HTML-Acrobat
 
Beiträge: 744
Registriert: Samstag 15. Januar 2011, 19:10
Wohnort: Sachsen, Erzgebirge

Re: Schachteln von Listen

Beitragvon drPHIP132 » Freitag 6. Januar 2012, 12:07

Fehler doch gefunden

du musst den li end-tag um die gesammte innere Liste setzen und ihn nicht direkt nachdem du das zweite <ul> geöffnet hast schließen xD
;)

Gruß
Phip S.
Benutzeravatar
drPHIP132
HTML-Acrobat
 
Beiträge: 744
Registriert: Samstag 15. Januar 2011, 19:10
Wohnort: Sachsen, Erzgebirge

Re: Schachteln von Listen

Beitragvon SilverLion » Freitag 6. Januar 2012, 12:54

Mahlzeit Andreas;

versuch doch mal folgendes:

Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
     <title>eine verschachtelte Liste</title>
     <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
     <meta name="description" content="">
     <meta name="author" content="">
     <meta name="keywords" content="">
</head>
<body>
<ol>
   <li>Suchmaschinen</li>                                <!-- // der Menü(OBER)Punkt // -->
    <ol>                                                 <!-- // Start der Menü(UNTER)Punkte // -->
      <li>Google</li>                                    <!-- // erster Menü(UNTER)Punkt -->
      <li>...</li>                                       <!-- // weitere Unterpunkte die folgen können // -->
    </ol>                                                <!-- // Abschluss der Menü(UNTER)Punkte // -->
   </li>                                                 <!-- // Abschluss des Menü(OBER)Punkt // -->
</ol>                                                    <!-- // Abschluß der Menüliste // -->
</body>
<html>


Ich habe Dir noch einmal eine Beispiel-Liste gebastelt und diese mit den entsprechenden Kommentaren versehen.

Hoffe, es hilft Dir weiter ;-)
An sonsten kannst Du Dich gerne heute Abend noch mal melden ;)

LG
Jens

P.S.: ich habe den Code jetzt nicht getestet aber vom Sinn her sollte es reichen ;)
SilverLion
HTML-Newbie
 
Beiträge: 17
Registriert: Montag 19. Dezember 2011, 23:59

Re: Schachteln von Listen

Beitragvon drPHIP132 » Freitag 6. Januar 2012, 15:17

sorry war im falschen Browser fenster; dachte ich schreibe PN. (kann beitrag nicht mehr löschen)
Tut mir leid. :oops:
Benutzeravatar
drPHIP132
HTML-Acrobat
 
Beiträge: 744
Registriert: Samstag 15. Januar 2011, 19:10
Wohnort: Sachsen, Erzgebirge

Re: Schachteln von Listen

Beitragvon Andreas » Freitag 6. Januar 2012, 15:29

drPHIP132 hat geschrieben:Fehler doch gefunden

du musst den li end-tag um die gesammte innere Liste setzen und ihn nicht direkt nachdem du das zweite <ul> geöffnet hast schließen xD
;)

Gruß
Phip S.


Wie gesagt, habe den Fehler durch "try and error" behoben :idea: . Das hat aber länger gedauert, als Du zu der Antwort benötigt hast - RESPEKT!!! :D
Andreas
HTML-Newbie
 
Beiträge: 8
Registriert: Sonntag 10. Januar 2010, 19:41

Re: Schachteln von Listen

Beitragvon drPHIP132 » Freitag 6. Januar 2012, 15:38

gerne doch,

bin schon 1Jahr in diesem bereich tätig, da sehe ich sowas. ;)
Benutzeravatar
drPHIP132
HTML-Acrobat
 
Beiträge: 744
Registriert: Samstag 15. Januar 2011, 19:10
Wohnort: Sachsen, Erzgebirge


Beiträge bitte im neuen Forum

Zurück zu HTML - xHTML - HTML5

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast

cron