Brauche Hilfe um meinen Code w3c Konform zu machen

[AllesMeins]

Hiho,

ich bin gerade dabei meine Seite neu zu Designen und habe sie dabei auch validieren lassen. Nun erhalte ich dort aber eine Fehlermeldung für die ich keine Lösung weiss:

Line 100, column 149:  document type does not allow element "DIV" here; missing one of "APPLET", "OBJECT", "MAP", "IFRAME", "BUTTON" start-tag

...="menuover(1, 0)" onmouseout="out(1)"><font id="pfeil_1" class="menupfeile"><

Die entsprechende Zeile lautet so:

<td width="117" id="tab_1" style="background:#A9AEA2"><A HREF="index.php?pid=10002" class="nav"><div onmouseover="menuover(1, 0)" onmouseout="out(1)"><font id="pfeil_1" class="menupfeile"><img src="layouts/sta41/images/pfeile.gif" border="0" alt="."> </font>About / STA-Team</div></A></td>

Hat irgendwer eine Idee was dort falsch ist? Meine Vermutung ist ja, das es dieses Konstrukt <A HREF=""><div></div></A> ist. Sollte diese Vermutung stimmen meine Frage wie ich einen ähnlichen effekt (einen anklickbaren layer) ohne dieses und ohne Javascript erreiche? Irgendwelche Ideen?

Grüsse

Marc

[MudGuard]

Hi,

Line 100, column 149:  document type does not allow element "DIV" here; missing one of "APPLET", "OBJECT", "MAP", "IFRAME", "BUTTON" start-tag
<A ...><div ...></div></A>

div ist blocklevel-Element.
A darf nur inline-Elemente enthalten.

Hat irgendwer eine Idee was dort falsch ist? Meine Vermutung ist ja, das es dieses Konstrukt <A HREF=""><div></div></A> ist.

Genau.

Sollte diese Vermutung stimmen meine Frage wie ich einen ähnlichen effekt (einen anklickbaren layer) ohne dieses und ohne Javascript erreiche?

a:link { display:block; } ins CSS

cu,
Andreas

[AllesMeins]

Hiho,

hmm, habe ich gemacht. Trotzdem akzeptiert der valiator das nicht... Wertet der das CSS mit aus?

Marc

[MudGuard]

Hi,

hmm, habe ich gemacht. Trotzdem akzeptiert der valiator das nicht... Wertet der das CSS mit aus?

Wie sieht der HTML-Code jetzt aus?
CSS wird vom HTML-Validator weitestgehend ignoriert.

cu,
Andreas

[AllesMeins]

Wie sieht der HTML-Code jetzt aus?

Der Code ist online. Kannst ihn also entweder auf der Validator Seite:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.startrek-bilder.de%2Fsta%2F%3Flayout%3Dsta41

oder direkt auf meiner Homepage
http://www.startrek-bilder.de/sta/?layout=sta41

ansehen. Der betreffende Code ist folgender:

<td width="117" style="background:#A9AEA2"><a HREF="index.php?pid=10002" class="nav"><div onmouseover="menuover(1, 0)" onmouseout="out(1)"><font id="pfeil_1" class="menupfeile"><img src="layouts/sta41/images/pfeile.gif" border="0" alt="."> </font>About / STA-Team</div></a></td>

Wobei "nav" im css folgendermassen definiert ist (der übersichtlichkeit halber etwas gekürzt):

a.nav:link {font-size:10px; color:#ffffff;text-decoration:none;display:block;}
a.nav:active {font-size:10px; color:#ffffff;text-decoration:none;display:block;}
a.nav:visited {font-size:10px; color:#ffffff;text-decoration:none;display:block;}
a.nav:hover {font-size:10px; color:#7F7F75;text-decoration:none;display:block;}

Grüsse

Marc

[MudGuard]

Hi,

<td width="117" style="background:#A9AEA2"><a HREF="index.php?pid=10002" class="nav"><div onmouseover="menuover(1, 0)" onmouseout="out(1)"><font id="pfeil_1" class="menupfeile"><img src="layouts/sta41/images/pfeile.gif" border="0" alt="."> </font>About / STA-Team</div></a></td>

Da ist ja immer noch das div im a drin.

Wenn Du am HTML nichts ändert, ändert sich auch das Validator-Ergebnis nicht.

cu,
Andreas