Element div not allowed as child of element ul in this context. (Suppressing further errors from this subtree.)

majas · 6. Dezember 2017

Ich bin dabei mit W3C ein paar Fehler zu beseitigen und bräuchte mal etwas Hilfe für nachstehenden Code:

Code

<ul class="searchresults" style="margin-right: -15px; margin-left: -15px">
<div style="padding-top: 0px; overflow: hidden;">
  <ul class="ui-listview">
    <li class="ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-li-has-thumb ui-btn-hover-a ui-btn-up-a ui-li-has-count ui-li-count">
      <div class="ui-btn-inner ui-li ">
        <div class="ui-btn-text"> <a class="ui-link-inherit" href="/link/?id=1234"> <span class="lady img" style="float: left;"> <img class="ui-li-thumb" style="border: 0px;" src="https://images.test.com/images/inserat/img/01k.jpg" alt="Inserat" title="Inserat" /> </span>
          <p class="ui-li-desc"><strong>City</strong></p>
          <p class="ui-li-desc">Street</p>
          <h4 class="ui-li-heading">Name</h4>
          <p class="ui-li-desc">Text, Text, ...</p>
          </a> </div>
        <span class="ui-icon ui-icon-arrow-r ui-icon-shadow"> </span> </div>
    </li>
  </ul>
  <div class="clear"></div>
</div>
</ul>

Alles anzeigen

Vielleicht kann mir ja jemand weiterhelfen ...

Danke und Gruß Andy

basti1012 · 6. Dezember 2017

Kannst du dein Problem etwas genauer erklären,was hast du vor ,was soll der code machen,ws macht der code jetzt(FALSCH ODER RICHTIG).

Dann wenn möglich denn fehlerhaften code bereich hier posten.

Fals der berrech vom code nicht klar sein sollte,der probleme macht,notfalls alles posten ( html,javascript,css ).

So solte schnelle hife immer gewährleistet sein

Stef · 6. Dezember 2017

Hey,

was machst du denn da ? Was hast du denn bitte vor ?

Ein div gehört niemals in ein ul. div ist das parent element und ul das child element und von ul ist li das child element.

Du erstellst erstmal ne unordned List dann ein div dann nochmal eine unordned list dann noch ein div ....

Du solltest dir besser nochmal HTML 5 anschauen. Da würde sowas nicht rauskommen. Eine empfehleswerte seite ist https://www.html-seminar.de/

Desweitern benutzt du inline-css welches ich nicht empfehlen würde. Erstelle lieber eine eigene css-datei und binde sie mit <link> ein.

Ich denke du willst eine Auflistung oder ein Menü machen.

So würde das ganze bei HTML 5 aussehen:

HTML

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Test</title>


</head>
<body>
    <section>
        <h1>Menü</h1>
        <span class="ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-li-has-thumb ui-btn-hover-a ui-btn-up-a ui-li-has-count ui-li-count"></span>
            <ul>
                <li>
                    <span class="lady_img"></span> 
                        <a class="ui-link-inherit" href="/link/?id=1234">
                             <img class="ui-li-thumb" src="https://images.test.com/images/inserat/img/01k.jpg" alt="Inserat" title="Inserat">
                         </a>
                </li>
                <li class="ui-li-desc"><a href="#">City</a></li>
                <li class="ui-li-desc"><a href="#">Street</a></li>
                <li class="ui-li-heading"><a href="#">Name</a></li>
                <li class="ui-li-desc"><a href="#">Text, Text,....</a></li>
                <li class="arrowIcon"><span class="ui-icon ui-icon-arrow-r ui-icon-shadow"> </span> </li>

            </ul>

        <div class="clear"></div>
    </section>

</body>
</html>

Alles anzeigen

Element div not allowed as child of element ul in this context. (Suppressing further errors from this subtree.)

Jetzt mitmachen!

Teilen