Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

HTML Validator

Empfohlene Antworten

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?

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

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

Hm, das mit den Hintergrundbildern kann auch an dem Style liegen... Diese Styles werden, je nach Brauser, auch nicht immer korrekt interpretiert...

Siehe Opera und css....:rolleyes:

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

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

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

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

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

danke für die url!

jetzt kenn ich den cssvalidator persönlich ;D

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

Gruß,

kills

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*

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.