[invalid] und ich weiß nicht wie ichs beheben soll

Beitrag von **SaMe** » 28.09.2007, 19:06

Halli Hallo !

Ich habe vor kurzem mein Portfolio online gestellt (den Großteil hat ein Freund von mir gecodet, da ich nich grade der Spezialist in sowas bin).
Jetzt habe ich die Seite mal einem Validator unterzogen, das Ergebnis ist folgendes:

https://validator.w3.org/check?uri=http ... ne&group=0

Leider habe ich überhaupt keine Ahnung wie ich diese Fehler beheben soll.
Als Beispiel:

Code: Alles auswählen

#  Error  Line 73, Column 105&#58; end tag for "img" omitted, but OMITTAG NO was specified.

… border="0" alt="aus/ein-klappen"></a>

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

Verschachtele ichdas </a> richtig und setze es vor das image tag, funktioniert logischerweise der klapptext nicht mehr.
Versuche ich es mit einem <a />, habe ich statt 69 fehlern auf einmal 71 ^^

Es wäre auf jedenfall sehr nett wenn mir jemand kurz erklären könnte wie ich diese Fehler beheben könnte.

Vielen Dank im Voraus.

von **Anzeige von ABAKUS** »

Beitrag von **rg1** » 28.09.2007, 21:28

Nun, eigentlich sind alle Fehler beschrieben.
Der Dokumententyp, den du verwendest verlangt für das Element <img> ein Attribut 'alt'.
Inline-Elemente dürfen in der Regel keine Block-Elemente enthalten, so darf das Element <font> kein <div> enthalten.
Leere Elemente werden in XHTML geschlossen, z.B. <img src="" alt="" />
Es gibt kein Attribut 'alt' für das Element <a>

Das sind schon die meisten Fehler, die sich oft wiederholen. Eigentlich sind das alles HTML-Grundlagen. Hier kannst du diese auffrischen.

Beitrag von **SaMe** » 28.09.2007, 21:54

hmm..

jetzt hab ich mal anstatt:

<font size="-2"><b><font color="#2C2D22"><div align="center">Galerie.</div></font></b>

folgendes probiert:

<div align="center"><font size="-2"><b><font color="#2C2D22">Galerie.</font></div></b>

also das div element aus dem font element rausgenommen..
allerdings habe ich jetzt wieder 3 fehler mehr ?!

Beitrag von **duospilus** » 28.09.2007, 22:02

SaMe hat geschrieben:<div align="center"><font size="-2"><b><font color="#2C2D22">Galerie.</font></div></b>

Wenn du es schon so machen "mußt", dann mach es wenigstens richtig.

<div align="center"><font size="-2"><b><font color="#2C2D22">Galerie.</font></b></font></div>

Merkst du was ich dir sagen möchte?
Du mußt die Reihenfolge einhalten und kannst das </b> nicht einfach mal hinter dieses </div> machen.

Ansonten google mal nach "css"

Beitrag von **SaMe** » 28.09.2007, 22:34

hab ich erledigt...
aber was muss ich verändern bei einer fehlermeldung wie diesen hier:

Code: Alles auswählen

<div id="Lay11" style="display&#58; none;"&#91;color=red&#93;>&#91;/color&#93;
…"0" alt="Prepage für Cavenent.de"></a&#91;color=red&#93;>&#91;/color&#93;
</div>   </div>   </div&#91;color=red&#93;>&#91;/color&#93;

Beitrag von **matin** » 29.09.2007, 06:44

du musst den img-tag schließen:
…"0" alt="Prepage für Cavenent.de" /></a>

Beitrag von **SaMe** » 29.09.2007, 14:21

Gut, die image tags habe ich nun alle geschlossen, vielen dank für den Tipp.
Allerdings weiß ich einfach nicht wie ich diese Fehler beheben kann:

# Error Line 268, Column 6: XML Parsing Error: Opening and ending tag mismatch: font line 176 and div.

</div>

# Error Line 269, Column 7: XML Parsing Error: Opening and ending tag mismatch: font line 74 and body.

</body>

# Error Line 270, Column 7: XML Parsing Error: Opening and ending tag mismatch: div line 57 and html.

</html>

Beitrag von **rg1** » 29.09.2007, 18:23

XML, also auch XHTML verlangt, dass alle geöffneten Elemente auch wieder geschlossen werden. Überprüfe das bitte und schau, ob nicht auch Elemente geschlossen wurden ohne je geöffnet worden zu sein.

Beitrag von **SaMe** » 29.09.2007, 19:03

Soweit ich weiß habe ich alle geöffneten Elemente auch wieder geschlossen.

Beitrag von **rg1** » 29.09.2007, 19:37

Hast du nicht. Halte dich an die Zeilennummern in den Fehlermeldungen. Zum Beispiel ist in Zeile 174 das Element <font> nicht geschlossen.
Du solltest darüber hinaus darüber nachdenken, auf HTML-Elemente, die ausschließlich für Design-Zwecke verwendet werden, zu verzichten und stattdessen alle Formatierungen in eine externe css-Datei zu schreiben. Das macht den Quelltext lesbarer und kann die Fehlersuche erheblich beschleunigen.

Beitrag von **matin** » 29.09.2007, 19:40

guck mal deine font-tags, da ist z. b. in zeile 73 einer drin, der nicht geschlossen wird (es sind eigentlich 2, wovon 1 nicht geschlossen ist)

Beitrag von **SaMe** » 29.09.2007, 19:53

Sorry, die font tags habe ich 4 mal nicht geschlossen..
Jetzt sind nur noch "4 Errors" da,
wie behebe ich die ?

Beitrag von **matin** » 29.09.2007, 21:01

der onmouse over ist nicht valide ... den musst du anders machen und style anweisungen gehören in den head-bereich

Beitrag von **matin** » 29.09.2007, 21:24

... weil die frage gleich kommen wird, hier der code für den mouseover:

Code: Alles auswählen

<a href="index.php?show=start"><img src="images/start.jpg" alt="start" title="&Ouml;ffnet die Startseite" width="??" height="??" border="0" onmouseover="javascript&#58;this.src='on-mouseover.jpg'" onmouseout="javascript&#58;this.src='images/start.jpg'" /></a>

die fragezeichen für breite und höhe nicht vergessen ...