<li> Tag schließen.

Azr

Guten Tag liebe Community,
Ich habe ein Problem :

Code

<div id="Navigation">
    <div class="Centered">
        <div id="Mainnavigation">
            <ul>
                <li><a class="Mainnavigation-Punkte" href="#">What we do</a>
                    <ul>
                        [COLOR=#ff0000]<li[/COLOR] id="Centered" class="Subnavigation">
                            <li><a class="Subnavigation-Punkte" href="#">Why us?</a></li>
                            <li><a class="Subnavigation-Punkte" href="#">Whats in it for you?</a></li>
                            <li><a class="Subnavigation-Punkte" href="#">How our products help?</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>

Alles anzeigen

Soll laut dem W3c Validator richtig sein, wobei Ich das Rot markierte <li> Tag nicht wieder geschlossen habe!

________________________________________________________________________________________________________________________

Wenn Ich es schließe :

Code

<div id="Navigation">
    <div class="Centered">
        <div id="Mainnavigation">
            <ul>
                <li><a class="Mainnavigation-Punkte" href="#">What we do</a>
                    <ul>
                        [COLOR=#ff0000]<li[/COLOR] id="Centered" class="Subnavigation">
                            <li><a class="Subnavigation-Punkte" href="#">Why us?</a></li>
                            <li><a class="Subnavigation-Punkte" href="#">Whats in it for you?</a></li>
                            <li><a class="Subnavigation-Punkte" href="#">How our products help?</a></li>
                        [COLOR=#ff0000]</li>[/COLOR]
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>

Alles anzeigen

Wie es in diesem Code zu sehen ist, sagt mit der Validator das ein Fehler vorhanden ist!

Zitat

Line 61, Column 11

: No li element in scope but a li end tag seen.

</li>

Woran liegt das? schließt sich das zweite <li> Tag vielleicht durch das erste, was davor liegt?

Freundliche Grüße Azr!

Bandit

Ich gehe mal davon aus, dass du in der Liste eine weitere Liste haben willst, dann musst du diese auch mit <ul> und </ul> eingrenzen.

Siehe http://de.selfhtml.org/html/text/listen.htm

Azr

Also es ist folgendes :

Struktur :

-Navigation ( Background + width:100% )
-Centered ( 100% auf 1000px mittig platzieren )
-Mainnavigation ( genannten 1000px )
-Navigation Auswahlpunkt 1 (Schrift)

-SubNavigation ( Background + width:100% )
-Centered ( 100% auf 1000px mittig platzieren )
-SubNavigation Punkt 1 (Schrift)
-SubNavigation Punkt 2 (Schrift)
-SubNavigation Punkt 3 (Schrift)

Nun würde dies ja folgender Maßen aussehen :

Einzelnt aufgereit!
<div><div><div><ul><li><ul><li><li><li><li><li></li></li></li></li></li></ul></li></ul></div></div></div>

Zitat

Liste eine weitere Liste haben willst

<div><div><div><ul><li><ul><li><li><li><li><li></li></li></li></li></li></ul></li></ul></div></div></div>

Oder sehe ich das falsch?

Azr

Beziehungsweise Frage ich mich nun, wieso er die Sub-Navigation nicht Centert!

Code

<div id="Navigation">
	[COLOR=#ff0000][B]<div class="Centered">[/B][/COLOR]
		<div id="Mainnavigation">
			<ul>
				<li><a class="Mainnavigation-Punkte" href="#">What we do</a>
					<ul class="Subnavigation">
						<li><a class="Subnavigation-Punkte" href="#">Why us?</a></li>
						<li><a class="Subnavigation-Punkte" href="#">Whats in it for you?</a></li>
						<li><a class="Subnavigation-Punkte" href="#">How our products help?</a></li>
					</ul>
				</li>
			</ul>
		[COLOR=#ff0000][B]</div>[/B][/COLOR]
	</div>
</div>

Alles anzeigen

Code

.Centered{
	width:1000px;
	margin:0 auto;
}

Den Rest dennoch schon, siehe http://my-alina.de/anpassung/1/Sitrion.html

Bandit

Du hättest dir ruhig etwas mehr Mühe geben können und deinen Beitrag noch etwas bunter machen können Und alles in eine Reihe zu klatschen, macht die Sache auch nicht lesbarer

Fakt ist: jede einzelne Liste muss mit <ul> beginnen und mit </ul> enden. Dazwischen kommt <li>blub</li> wobei blub ein einfacher Text oder auch wieder eine Liste sein kann.

Ich kann immer wieder nur empfehlen: http://www.cssplay.co.uk/menus/ Dort ein passendes Meü suchen und ansehen, wie das genacht wurde, eventuell sogar den CSS- und HTML-Teil kopieren und anpassen

Tags