Hallo, ich habe mir folgenden vorgefertigten Mouseover-Code in meine Webseite kopiert und habe nun Probleme beim Aufräumen, um keine Fehler im Vaidator angezeigt zu bekommen:
<head>
<script
language="JavaScript">
<!--
button1= new Image();
button1.src = "bilder/knopf.jpg"
button2= new Image();
button2.src = "bilder/email.jpg"
</script>
</head>
Diesen Code-Teil habe ich bereits komplett aus dem Header entfernt und wird nun über eine .js-Datei geladen. Klappt auch wunderbar.
Nun kommt der Teil des Bodys:
<body>
<a href="mailto:deine.mail@gmx.de"
onmouseover="austausch1.src='bilder/email.jpg';"
onmouseout="austausch1.src='bilder/knopf.jpg';">
<img src="bilder/knopf.jpg"
border="0" width="71"height="60"
name="austausch1"></a>
</body>
</html>
Auch hier habe ich die Angaben "border", "width" und "height" in eine CSS-Datei verlagert. Auch das klappt wunderbar.
Meine eigentliche Frage lautet nun, wie oder wohin kann ich das Attribut (name="austausch1") verschieben, so dass es im Body nicht mehr auftaucht? Mein Validator sagt nämlich, dass name-Attribut nicht im img-tag stehen darf. Entferne ich es, klappt der Mouseover-Effekt nicht mehr.