Zum Inhalt springen

HTML Validator


kills

Empfohlene Beiträge

hi leute,

ich hab mir ne page gemacht und diese zu testzwecken mal durch den html validator gejagt!

Encoding: iso-8859-1

Doctype: HTML 4.01 Transitional

Errors: 8

Revalidate With Options: Show Source Outline

Parse Tree ...no attributes

Validate error pages Verbose Output

This page is not Valid HTML 4.01 Transitional!

Below are the results of attempting to parse this document with an SGML parser.

Line 11, column 55: document type does not allow element "LINK" here (explain...).

<link rel="stylesheet" type="text/css" href="style.css"/>

^

Line 71, column 42: document type does not allow element "FORM" here (explain...).

<form action="./" method="get">

^

Line 73, column 6: document type does not allow element "TR" here (explain...).

<tr>

^

Line 78, column 6: document type does not allow element "TR" here (explain...).

<tr>

^

Line 83, column 6: document type does not allow element "TR" here (explain...).

<tr>

^

Line 88, column 6: document type does not allow element "TR" here (explain...).

<tr>

^

Line 93, column 6: document type does not allow element "TR" here (explain...).

<tr>

^

Line 100, column 16: end tag for "TABLE" which is not finished (explain...).

</table>

^

Source Listing

Below is the source input I used for this validation:

1:

2: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

3: <html>

4: <head>

5: <title> #Yume </title>

6: <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

7: <meta http-equiv="Content-Script-Type" content="text/javascript">

8: <meta http-equiv="Content-Style-Type" content="text/css">

9: </head>

10: <body>

11: <link rel="stylesheet" type="text/css" href="style.css"/>

12: <table align="center" style="width: 1000;" cellspacing="0" cellpadding="0">

13: <tr>

14: <td colspan="3" style="width: 1000; height: 234; background-image: url('img/banner.gif')"> </td>

15: </tr>

16: <tr>

17: <td colspan="3" style="height: 30;"></td>

18: </tr>

19: <tr>

20: <td>

21: <table style="width: 215;" cellspacing="0" cellpadding="0">

22: <tr>

23: <td style="height: 45; background-image: url('img/navi_head.gif');"></td>

24: </tr>

25: <tr>

26: <td style="height: 200; background-image: url('img/navi_bg.gif');">

27: <table align="right" style="width: 90%;" cellspacing="0" cellpadding="0">

28: <tr><td style="height: 10;"></td></tr><tr><td style="width: 153; height: 13; background-image: url('img/cat_mainmenu.gif'); background-repeat: no-repeat;"></td></tr>

29: <tr><td>   <a href="./?section=news">NEWS</a></td></tr>

30: <tr><td>   <a href="./?section=archiv">ARCHIV</a></td></tr>

31: <tr><td style="height: 10;"></td></tr><tr><td style="width: 153; height: 13; background-image: url('img/cat_clan.gif'); background-repeat: no-repeat;"></td></tr>

32: <tr><td>   <a href="./?section=roster">ROSTER</a></td></tr>

33: <tr><td>   <a href="./?section=result">RESULTS</a></td></tr>

34: <tr><td>   <a href="./?section=awards">AWARDS</a></td></tr>

35: <tr><td>   <a href="./?section=sponsors">SPONSORS</a></td></tr>

36: <tr><td>   <a href="./?section=servers">SERVERS</a></td></tr>

37: <tr><td>   <a href="./?section=rankings">RANKINGS</a></td></tr>

38: <tr><td style="height: 10;"></td></tr><tr><td style="width: 153; height: 13; background-image: url('img/cat_community.gif'); background-repeat: no-repeat;"></td></tr>

39: <tr><td>   <a href="./?section=forum">FORUM</a></td></tr>

40: <tr><td>   <a href="./?section=guestbook">GUESTBOOK</a></td></tr>

41: <tr><td>   <a href="./?section=bncshop">BNCSHOP</a></td></tr>

42: <tr><td>   <a href="./?section=hardwareshop">HARDWARESHOP</a></td></tr>

43: <tr><td>   <a href="./?section=downloads">DOWNLOADS</a></td></tr>

44: <tr><td style="height: 10;"></td></tr><tr><td style="width: 153; height: 13; background-image: url('img/cat_misc.gif'); background-repeat: no-repeat;"></td></tr>

45: <tr><td>   <a href="./?section=contact">CONTACT</a></td></tr>

46: <tr><td>   <a href="./?section=impressum">IMPRESSUM</a></td></tr>

47: </table>

48: </td>

49: </tr>

50: <tr>

51: <td style="height: 45; background-image: url('img/navi_foot.gif');"></td>

52: </tr>

53: </table>

54: </td>

55: <td>

56: <table style="width: 570;" cellspacing="0" cellpadding="0">

57: <tr>

58: <td style="height: 500; background-position: center; background-repeat: no-repeat; background-image: url('img/content_bg.gif');">

59: </td>

60: </tr>

61: </table>

62: </td>

63: <td>

64: <table style="width: 215;" cellspacing="0" cellpadding="0">

65: <tr>

66: <td style="height: 45; background-image: url('img/comm_head.gif');"></td>

67: </tr>

68: <tr>

69: <td style="height: 200; background-image: url('img/comm_bg.gif');">

70: <table align="right" style="width: 92%;" cellspacing="0" cellpadding="0">

71: <form action="./" method="get">

72: <input type="hidden" name="section" value="news">

73: <tr>

74: <td style="text-align: center;">

75: email:

76: </td>

77: </tr>

78: <tr>

79: <td style="text-align: center;">

80: <input type="text" size="17" name="sLoginName" style="background-image: url('img/login_input_bg.gif');">

81: </td>

82: </tr>

83: <tr>

84: <td style="text-align: center;">

85: password:

86: </td>

87: </tr>

88: <tr>

89: <td style="text-align: center;">

90: <input type="password" size="17" name="sLoginPassword" style="background-image: url('img/login_input_bg.gif');">

91: </td>

92: </tr>

93: <tr>

94: <td style="text-align: center;">

95: <input type="submit" value="" name="bLogin" style="width:46; height:17; background-image: url('img/login_login.gif'); background-repeat: no-repeat;">

96: <input type="submit" value="" name="bRegister" style="width:68; height:17; background-image: url('img/login_register.gif'); background-repeat: no-repeat;">

97: </td>

98: </tr>

99: </form>

100: </table>

101: </td>

102: </tr>

103: <tr>

104: <td style="height: 45; background-image: url('img/comm_foot.gif');"></td>

105: </tr>

106: </table>

107: </td>

108: </tr>

109: </table>

110: </body>

111: </html>

nun meine Frage:

wie soll ich in html etwas formatiert ausgeben ohne die elemente <tr> und <table> zu verwenden?!

oder kann mir jmd von euch sagen woher diese fehler stammen?

Danke + Gruß,

kills

PS:

ich hab die page mit dem mozilla angeschaut und da sieht man nur die bgcolor sonst nix?!

weiss jmd von euch woran das liegt, dass man meine background images nur im IE sieht?

Link zu diesem Kommentar
Auf anderen Seiten teilen

Moing!

Also, als allererstes mit dem <link>-Tag: der gehört in den Head, ohne schliessenden "/"-Slash, dann meckert der Validator nimmer (zumindest nicht mehr wegen dem "link"... :D)

Guckst Du:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>_#Yume_</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<meta http-equiv="Content-Script-Type" content="text/javascript">

<meta http-equiv="Content-Style-Type" content="text/css">

<link rel="stylesheet" type="text/css" href="style.css">

</head>

<body>

Die Fehler mit dem <form>-Tag liegen m.E. nach in der Verschachtelung von <form> mit dem <table>... oder muss man die <input>-Tags schliessen? Hm, da muss ich selber nochmal kucken.... Ich habs ein bisserl umgestellt und er murmelt dan was von <caption>... naja, wie gesagt, da muss ich selber noch mal schauen, dauert aber ein bisserl, mein Chef will mich auch noch.. .:D

Link zu diesem Kommentar
Auf anderen Seiten teilen

das mit den TRs hat an der verschachtelung gelegen, und das mit dem link muss ich noch ausprobieren!

warum mir die tabellenbilder nicht im Mozilla angezeigt werden weisst du nicht?!

ich hab sonst für die Firma immer nur IE scripte gemacht :D

da war der browser wurscht! nu weiss ich natürlich nicht warum das beim mozilla net funzt.

Dann nochmal danke und nen guten Rutsch!

Gruß,

kills

Link zu diesem Kommentar
Auf anderen Seiten teilen

Original geschrieben von Christl

Warum schreibst Du die Images nicht im Klartext rein, wenn Du die Styles eh nicht zentral in einer CSS hast?

du meinst mit nem <img> tag?

das möchte ich nicht, weil der IE dann diese komischen bildchen anzeigt wenn man drüber fährt!

das mit der zentralen css datei kommt noch :D

Link zu diesem Kommentar
Auf anderen Seiten teilen

Nö, ich meinte eigentlich so:

<td background="../image.gif">

Musste ich bei manchen Sachen auch so machen weil wie gesagt, mit css haben manche Brauser wie Opera (Mozilla weiss ich nicht genau, geh aber mal davon aus) so Ihre Schwierigkeiten...

Farben wie Hintergrundfarben machen wenig bis garkeine Schwierigkeiten, Images dagegen schon...

Warum??? Weiss ich nicht....

Wär mal wieder ein Recherche-Thema....: Von Microsoft gesetzte Standards, die von anderen nicht interpretiert werden... :D

Link zu diesem Kommentar
Auf anderen Seiten teilen

alles klar!

ich werds heute mittag mal versuchen!

Ich hab gesehen es gitb auch en css validator,...

aber leider habe ich nur die doku und nicht eine direkte url zu einem online validator gefunden!

kennst du die url?

btw: Browser schreibt man so :rolleyes: :floet:

Besten dank für die Produktiven Antworten ;d

Gruß, kills

Link zu diesem Kommentar
Auf anderen Seiten teilen

Original geschrieben von kills

Ich hab gesehen es gitb auch en css validator,...

aber leider habe ich nur die doku und nicht eine direkte url zu einem online validator gefunden!

kennst du die url?

Nicht persönlich, aber Du kannst mal hier schauen:CSS-Validator :D

btw: Browser schreibt man so :rolleyes: :floet:

Wie? Brauser schreibt man: "rolleyes""floet" ?? :D :D

Link zu diesem Kommentar
Auf anderen Seiten teilen

Original geschrieben von kills

meinst du das meine seite in allen browsern 100% funzt, wenn ich durch beide validatoren ohne fehler durchkomme?

Ich sag jetzt einfach mal: Nein!

Begründung: Spätestens bei den älteren Browsern (Ja, ich bin noch lernfähig! :D) wirfts Dir beispielsweise die Tabellen durcheinander...

Noch arbeitest Du ja nicht mit <div>´s oder mit Layern, auch da gehen die Interpretationen auseinander...

Ich hatte da mal einen Link, wo beschrieben wurde, welcher Brauser welchen Tag wie interpretiert und was die genauen Unterschiede sind...

*Mal kurz stöbern geh*

Link zu diesem Kommentar
Auf anderen Seiten teilen

Dein Kommentar

Du kannst jetzt schreiben und Dich später registrieren. Wenn Du ein Konto hast, melde Dich jetzt an, um unter Deinem Benutzernamen zu schreiben.

Gast
Auf dieses Thema antworten...

×   Du hast formatierten Text eingefügt.   Formatierung wiederherstellen

  Nur 75 Emojis sind erlaubt.

×   Dein Link wurde automatisch eingebettet.   Einbetten rückgängig machen und als Link darstellen

×   Dein vorheriger Inhalt wurde wiederhergestellt.   Editor leeren

×   Du kannst Bilder nicht direkt einfügen. Lade Bilder hoch oder lade sie von einer URL.

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...