• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

was bedeutet dieser Validator Error?

B

Backfighter

Neues Mitglied
Ich habe eine Validator über mein html index laufen lassen und es kam zu folgendem Fehler:
Code: 
Fehler:Das Element div ist hier nicht erlaubt. Überprüfen Sie ob dieses Element im umgebenden Element erlaubt ist.
Ergänze evtl. fehlendes li - Element Fehlerstelle:<div class="box2">
Ich verstehe nicht was daran falsch ist :?
Hier der überprüfte html code:
HTML: 
<!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">

    <head>
        <meta http-equiv="content-type" 
            content="text/html;charset=utf-8" />
        <title>Meine erste Hompage!</title>
        <link rel="stylesheet" type="text/css" href="Styles/style.css" />
    </head>
    
    <body>
        <div class="box">
            <a href="./index.html" class="MenüReiter">Hauptseite</a>
            <a href="./index.html" class="MenüReiter">Projekte</a>
            <a href="./index.html" class="MenüReiter">Downloads</a>
            <a href="./index.html" class="MenüReiter">Sonstiges</a>
            <a href="./index.html" class="MenüReiter">Impressum</a>
        </div>
        <ul>
            <div class="box2">
                <li><a href="./index.html" class="Rubrik">News</a></li>
                <li><a href="./index.html" class="Rubrik"></a></li>
                <li><a href="./index.html" class="Rubrik">Sonstiges</a></li>
                <li><a href="./index.html" class="Rubrik">Sonstiges</a></li>
                <li><a href="./index.html" class="Rubrik">Sonstiges</a></li>
                <li><a href="./index.html" class="Rubrik">Sonstiges</a></li>
                <li><a href="./index.html" class="Rubrik">Sonstiges</a></li>
                <li><a href="./index.html" class="Rubrik">Sonstiges</a></li>
            </div>
        </ul>
        <h1 id="Top">Überschrift</h1>
        <h2 id="Liste">Eine Liste</h2>
        <a href="mailto:[email protected]" title="Kontaktiert mich über meine Mail Ardresse">
            <p>Kontaktieren</p>
        </a>
        <p>all rights reserved by Peter Werner &copy;</p>
    </body>
    
</html>

Danke für eure Hilfe schonmal im Vorraus :D

mfG Backfighter
 
Direkt innerhalb von <ul> dürfen nur <li>'s stehen. Keine anderen Elemente.

Falsch:
HTML: 
<ul>
            <div class="box2">
                <li><a href="./index.html" class="Rubrik">News</a></li>
                <li><a href="./index.html" class="Rubrik"></a></li>
                <li><a href="./index.html" class="Rubrik">Sonstiges</a></li>
                <li><a href="./index.html" class="Rubrik">Sonstiges</a></li>
                <li><a href="./index.html" class="Rubrik">Sonstiges</a></li>
                <li><a href="./index.html" class="Rubrik">Sonstiges</a></li>
                <li><a href="./index.html" class="Rubrik">Sonstiges</a></li>
                <li><a href="./index.html" class="Rubrik">Sonstiges</a></li>
            </div>
        </ul>

Richtig:
HTML: 
<ul>
                <li><a href="./index.html" class="Rubrik">News</a></li>
                <li><a href="./index.html" class="Rubrik"></a></li>
                <li><a href="./index.html" class="Rubrik">Sonstiges</a></li>
                <li><a href="./index.html" class="Rubrik">Sonstiges</a></li>
                <li><a href="./index.html" class="Rubrik">Sonstiges</a></li>
                <li><a href="./index.html" class="Rubrik">Sonstiges</a></li>
                <li><a href="./index.html" class="Rubrik">Sonstiges</a></li>
                <li><a href="./index.html" class="Rubrik">Sonstiges</a></li>
        </ul>

Wenn Du die Klasse "box2" unbedingt brauchst, gib sie dem <ul>-Element.
 
Oh vielen dank :D
eine Frage:
Kann man es so machen?
HTML: 
        <div class="box2">
            <ul>
                <li><a href="./index.html" class="Rubrik">News</a></li>
                <li><a href="./index.html" class="Rubrik"></a></li>
                <li><a href="./index.html" class="Rubrik">Sonstiges</a></li>
                <li><a href="./index.html" class="Rubrik">Sonstiges</a></li>
                <li><a href="./index.html" class="Rubrik">Sonstiges</a></li>
                <li><a href="./index.html" class="Rubrik">Sonstiges</a></li>
                <li><a href="./index.html" class="Rubrik">Sonstiges</a></li>
                <li><a href="./index.html" class="Rubrik">Sonstiges</a></li>
            </ul>
        </div>
 
Ja, wenn das <div> unbedingt notwendig ist. Wenn Du auch darauf verzichten kannst, wäre es optimaler.
 
Das ist kein Problem sondern eine Herausforderung. Wenn Du eine grafische Umrandung willst, kannst Du das genauso gut über das <ul> erreichen. Das <div> drummherum wäre nur notwendig, wenn Du eine zusätzliche grafische Gestaltung haben willst die das erfordert.
 
Ah gut hab es geschafft :D
Ein Fehler bleibt jetzt noch übrig:
Code: 
a ist an dieser Stelle nicht erlaubt.
Es befindet sich evtl. ein Block-Element innerhalb eines
Inline-Elements.

Auch verschachtelte Block-Elemente könnten diesen Fehler verursachen, da
Block-Elemente nicht beliebig verschachtelt werden dürfen. Dies ist abhängig
von den verwendeten [X]HTML-Elementen. Fehlerstelle:<a href="mailto:[email protected]" title="Kontaktiert mich über meine Mail
Das ist die dazugehörige Zeile:
HTML: 
<a href="mailto:[email protected]" title="Kontaktiert mich über meine Mail Ardresse" class="Button">Kontaktieren</a>
 
Du hast im ersten Beitrag folgenden Quellcode gepostet:

HTML: 
        <a href="mailto:[email protected]" title="Kontaktiert mich über meine Mail Ardresse">
            <p>Kontaktieren</p>
        </a>

So wie es dort steht ist es natürlich falsch. Hier ist der Fehler, dass Du ein Inline- von einem Blockelement umgeben lässt. Richtig wäre es genau andersrum:

HTML: 
<p><a href="mailto:[email protected]" title="Kontaktiert mich über meine Mail Ardresse">Kontaktieren</a></p>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben