Menü - Validator meldet Fehler

Die Struktur von Maik war richtig.
Hatte sie nur nicht ausprobiert sondern nur mit meiner verglichen.:-(
Allerdings fehlten bei mir kleine Codeschnipsel.:(

Sorry, aber wenn wir das heut nich mehr hinbekommen... *schon kopfschmerzen* wollte das nur schnellstmöglich fertig haben.

Bitte jetzt nur anhand meines geposteten Codes noch vergleichen und probieren, weil hier stimmt die Anordung der Menüpunkte.;)
Danke!:)
 
Die Struktur von Maik war richtig.
Hatte sie nur nicht ausprobiert sondern nur mit meiner verglichen.:-(
Allerdings fehlten bei mir kleine Codeschnipsel.:(

[...]

Bitte jetzt nur anhand meines geposteten Codes noch vergleichen und probieren, weil hier stimmt die Anordung der Menüpunkte.;)
Das ist doch die erkorene Anordnung, oder nicht?

dropdown.png
 
Zuletzt bearbeitet:
Was meinst du, worauf mein grafischer Anhang von eben basiert?

HTML:
<div class="menu">
    <ul>
        <li><a href="index.html">Home</a></li>
        <li><a class="hide" href="#">OPACITY</a>
            <!--[if lte IE 6]>
            <a href="http://www.tutorials.de/opacity/index.html">OPACITY
            <table><tr><td>
            <![endif]-->
            <ul>
                <li><a href="http://www.tutorials.de/text.html">Untermenü1</a></li>
                <li><a href="text2.html">Untermenü2</a></li>
                <li><a href="text3.html">Untermenü3</a></li>
                <li><a href="text4.html">Untermenü4</a></li>
                <li><a href="#" class="hide">Ausklappares Menü5 &gt;</a>
                    <!--[if lte IE 6]>
                    <a class="sub" href="http://www.tutorials.de/menu/hover_click.html" title="Hover/click with no active/focus borders">HOVER/CLICK &gt;
                    <table><tr><td>
                    <![endif]-->
                    <ul>
                        <li><a href="text5.html">Menüpunkt5.1</a></li>
                        <li><a href="text6.html">Menüpnkt5.2</a></li>
                        <li><a href="text7.html">Menüpunkt5.3</a></li>
                        <li><a href="text8.html">Menüpunkt5.4</a></li>
                    </ul>
                    <!--[if lte IE 6]>
                    </td></tr></table>
                    </a>
                    <![endif]-->
                </li>
            </ul>
            <!--[if lte IE 6]>
            </td></tr></table>
            </a>
            <![endif]-->
        </li>
        <li><a href="kontakt.html">Kontakt</a></li>
        <li><a href="text9.html">Menüpunkt4</a></li>
        <li><a href="text10.html">Menüpunkt5</a></li>
        <li><a href="impressum.html">Impressum</a></li>
    </ul>
</div> <!-- Ende Klasse menu -->

Achte auch darauf, den Pfad zu "dropdown_ie.css" den örtlichen Gegebenheiten anzupassen, oder befindet sich diese Datei tatsächlich eine Verzeichnisebene über "css", worin "dropdown.css" aufbewahrt wird? So steht's zumindest in deinem HTML-Code geschrieben.

Um die Kopfschmerzen hättest du einen großen Bogen geschlagen, wenn du Maiks Lösung nicht blos mit deinem Code verglichen, sondern direkt übernommen hättest :rolleyes:
 
Die Kopfschmerzen kommen eher von was anderem.;)
Haben aber schon etwas nachgelassen.

Ich mach mich morgen nochmal drüber her.
Werde dann berichten.:)
 
Guten Morgen:),

nehme ich den Code von Maik, die dropdown_ie.css und die dropdown.css dann sieht das bei mit im IETester 0.4.3 unter IE5.5 und IE6 trotzdem falsch aus!:(

Da stimmt also irgendwo was nicht oder der IETester spinnt?!:-(
Außer, ich hätte einen Fehler gemacht?!:confused:

Im IE7 und IE8 (über IETester) sieht es richtig aus!

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<link rel="stylesheet" media="all" type="text/css" href="dropdown.css" />
<!--[if lte IE 6]>
<link rel="stylesheet" media="all" type="text/css" href="dropdown_ie.css" />
<![endif]-->
</head>

<body>
<div class="menu">
    <ul>
        <li><a href="index.html">Home</a></li>
        <li><a class="hide" href="#">ausklappbares Listenmenü</a>
            <!--[if lte IE 6]>
            <a href="http://www.tutorials.de/opacity/index.html">OPACITY
            <table><tr><td>
            <![endif]-->
            <ul>
                <li><a href="http://www.tutorials.de/text.html">Untermenü1</a></li>
                <li><a href="text2.html">Untermenü2</a></li>
                <li><a href="text3.html">Untermenü3</a></li>
                <li><a href="text4.html">Untermenü4</a></li>
                <li><a href="#" class="hide">Ausklappares Menü5 &gt;</a>
                    <!--[if lte IE 6]>
                    <a class="sub" href="http://www.tutorials.de/menu/hover_click.html" title="Hover/click with no active/focus borders">HOVER/CLICK &gt;
                    <table><tr><td>
                    <![endif]-->
                    <ul>
                        <li><a href="text5.html">Menüpunkt5.1</a></li>
                        <li><a href="text6.html">Menüpnkt5.2</a></li>
                        <li><a href="text7.html">Menüpunkt5.3</a></li>
                        <li><a href="text8.html">Menüpunkt5.4</a></li>
                    </ul>
                    <!--[if lte IE 6]>
                    </td></tr></table>
                    </a>
                    <![endif]-->
                </li>
            </ul>
        </li>
        <li><a href="kontakt.html">Kontakt</a></li>
        <li><a href="text9.html">Menüpunkt4</a></li>
        <li><a href="text10.html">Menüpunkt5</a></li>
        <li><a href="impressum.html">Impressum</a></li>
    </ul>
</div> <!-- Ende Klasse menu -->
</body>
</html>

Edit:
Ok, IETester spinnt!
Per IE Collection 1.4.0.0 sieht es - mit Maik's Code - im IE5.5 und IE6 richtig aus.:-(

Edit2:
Mit der IECollection 1.4.0.0 sieht sogar meine Seite im IE5.01, IE5.5 und IE6 richtig. aus.:suspekt:
Obwohl in meinem Code - für den IE - vor kontakt.html ja noch das schließende Tag fehlt.:suspekt:
 

Anhänge

  • ie5.5.JPG
    ie5.5.JPG
    2,6 KB · Aufrufe: 29
  • ie5.5hover.JPG
    ie5.5hover.JPG
    2,8 KB · Aufrufe: 43
  • ie6.JPG
    ie6.JPG
    5,4 KB · Aufrufe: 31
Zuletzt bearbeitet:
Zuletzt bearbeitet:
Nen, ich suche keinen Plausch und ja ich habe das auch gestern getestet, sonst wüsste ich jetzt noch nicht, dass mir das vor kontakt.html fehlt.
Ich hab mene Originadatei nicht verändert, sondern eine Kopie davon angelegt und diese gestern Abend ja noch verändert.
Meine Originale, die ich nicht geändert habe, wird aber schon als ok angezeigt.

Logisch, dass ich aber den Code noch überall einfügen werde damit auch das dann stimmt.;)

Besten Dank!:)
Müsste dann ja passen.

Edit:
So, in der neuesten IE Collection 1.7.0.1 stimmts wieder nicht.... egal, ich hab jetzt einen Hinweis von browser-update.org rein.
 
Zuletzt bearbeitet:
Hallo!

Also was den IE5.5 (und älter) angeht, kannst Du ihn getrost unberücksichtigt lassen.
Ich nutze Win2k, und dort ist der IE6 bekanntlich der letzte lauffähige IE.
Selbiger macht bei mir aber nur Probleme, so dass ich beim IE5.5 stehen geblieben bin.
Und glaube mir, mit dem IE5.5 sind immer weniger Webseiten nicht mehr zu gebrauchen.

Um mal ein paar nicht unwichtige Seiten zu nennen.....
YouTube: geht so (noch).
Google: da scheint noch eine alte Version zu laufen, ist also nur eine Frage der Zeit bis die rausgenommen wird.
eBay: mehr schlecht als recht.
Tutorials.de: keine Chance, der IE5.5 schmiert schneller ab als die Seite aufgebaut ist..... und wenn ich die Sicherheitsstufe hochschraube lässt sich die Seite zwar öffnen, aber die Elemente sind so derbe verschoben dass ein betrachten praktisch unmöglich ist (soll jetzt keine Kritik sein).

Es macht also keinen Sinn mehr auf den IE5.5 noch Rücksicht zu nehmen.
Ich persönlich würde auch langsam mal anfangen den IE6 zu vernachlässigen (der IE7 ist mittlerweile rund 4 Jahre auf dem Markt).

Viel schlimmer finde ich da Seiten die mir erzählen wollen dass Opera 10.50 zu alt sei..... zur Erinnerung: die Version ist gerade mal 5 Monate alt. :(

Gruss Dr Dau
 
Zurück