Antworten auf deine Fragen:
Neues Thema erstellen

Webseite nicht W3C Konform bräuchte hilfe

tbsklat

Nicht mehr ganz neu hier

Hallo zusammen,

hab meine Webseite prüfen und heraus kamen 34 Fehler !!:(
Hab es geschafft sie auf 24 zu reduzieren weiß jetzt aber nicht was noch am html code falsch sein könnte.vielleicht kann mir ja einer von euch helfen.Sag schonmal danke .

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="XHTML namespace" xml:lang="de" lang="de">
<head>
<title>Peter Pieper</title>
<link rel="shortcut icon" href="" />
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<meta name="keywords" content="Handwerkerservice Kalkar,handwerkerservice,peter pieper, stadt-handwerker,peter, stadthandwerk, handwerk, holz, kalkar, handwerk, rasenn, " />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="description" content="Peter Pieper Handwerker-Service in Kalkar,Professionell und zu fairen Preisen" />
<meta name="robots" content="all, follow" />
<meta name="revisit-after" content="5 Days" />
<meta name="author" content="Peter Pieper" />
<style type="text/css"/>
</head>
<body>
<style>

body {
background-repeat: no-repeat;
background-image: url();
background-color: #FFC;
}
body,td,th {
color: #000;
}
#Main {
position:relative;
border: 2px;
top:20px;
width:800px;
height:800px;
z-index:1;
margin-left: auto;
margin-right: auto;
border-color: #F7AE18;
}
#apDiv1 {
position:absolute;
left:36px;
top:217px;
width:100px;
height:26px;
z-index:1;
}
#apDiv2 {
position:absolute;
left:42px;
top:242px;
width:75px;
height:30px;
z-index:5;
}
#apDiv3 {
position:absolute;
left:37px;
top:296px;
width:103px;
height:27px;
z-index:8;
}
#apDiv4 {
position:absolute;
left:23px;
top:349px;
width:115px;
height:24px;
z-index:4;
}
#apDiv5 {
position:absolute;
left:25px;
top:401px;
width:112px;
height:22px;
z-index:7;
}
#apDiv6 {
position:absolute;
left:33px;
top:455px;
width:104px;
height:31px;
z-index:6;
}
#apDiv7 {
position:absolute;
left:173px;
top:158px;
width:600px;
height:580px;
z-index:1;
}
#apDiv8 {
position:absolute;
left:441px;
top:742px;
width:78px;
height:35px;
z-index:3;
}
#apDiv9 {
position:absolute;
left:7px;
top:106px;
width:191px;
height:114px;
z-index:1;
}
#apDiv10 {
position:absolute;
border:#000 thick:2px;
left:20px;
top:112px;
width:550px;
height:400px;
z-index:2;
}
</style>
<div id="Main">
<div id="apDiv2"><a href="/" alt="home" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild2','','Bilder/Home2.jpg',1)"><img src="Bilder/Home.jpg" name="Bild2" width="80" height="30" border="0" id="Bild2" /></a></div>
<div id="apDiv3"><a href="leistungen.html" alt="service" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild3','','Bilder/service2.jpg',1)"><img src="Bilder/Service.jpg" name="Bild3" width="85" height="27" border="0" id="Bild3" /></a></div>
<div id="apDiv4"><a href="Referenzen.html" alt="referenzen"onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild4','','Bilder/Referenzen2.jpg',1)"><img src="Bilder/Referenzen.jpg" name="Bild4" width="120" height="27" border="0" id="Bild4" /></a></div>
<div id="apDiv5"><a href="Impressum.html" alt="impressum"onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild5','','Bilder/Impressum2.jpg',1)"><img src="Bilder/Impressum.jpg" name="Bild5" width="120" height="30" border="0" id="Bild5" /></a></div>
<div id="apDiv6"><a href="Kontakt.php" alt="kontakt"onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild6','','Bilder/Kontakt2.jpg',1)"><img src="Bilder/Kontakt.jpg" name="Bild6" width="100" height="30" border="0" id="Bild6" /></a></div>
<div id="apDiv7">
<h2 align="center"> <u>Willkommen bei Peter Pieper ihr Ansprechpartner</u></h2>
<h2 align="center"><u> rund um Haus und Garten</u></h2>
<p align="center">&nbsp;</p>
<h3 align="justify">Eine kompetente und preiswerte L&ouml;sung f&uuml;r die allt&auml;glichen Aufgaben in Kalkar und Nordrhein-Westfalen werden zu fairen Preisen f&uuml;r Privat und Gewerbe angeboten.</h3>
<p align="justify">&nbsp;</p>
<h3 align="justify"><strong><u>Kein langes Warten auf tatkr&auml;ftige und professionelle Unterst&uuml;tzung bei:</u></strong></h3>
<p align="justify">&nbsp;</p>
<h3 align="justify">Hausmeisterdienste, Kleinreparaturen, Service-Transporte,&nbsp;Rasen m&auml;hen, Bilder anbringen und zahlreichen anderen Aufgaben.</h3>
<p align="justify">&nbsp;</p>
<h3 align="justify">Ob Wochentags oder am Wochenende dieser flexible u. freundliche Handwerker-Service nimmt R&uuml;cksicht auf Ihre Terminw&uuml;nsche und steht Ihnen mit Rat und Tat zur Seite. </h3>
<p align="justify">&nbsp;</p>
</div>
<div id="apDiv8">
<a id="1237926652" href=" type="text/javascript" language="JavaScript" src=" href="" target="_blank"><img border=0 src=">
</div>
<img src="Bilder/Main.jpg" width="800" height="800" /></div>
<h1>&nbsp;</h1>
</body>
</html>


Validation Output: 24 Errors

  1. <LI class=msg_err>
    error.png
    Line 18, Column 7: required attribute "type" not specified <style>
    The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.
    Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

    <LI class=msg_err>
    error.png
    Line 18, Column 7: document type does not allow element "style" here <style>
    The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).
    One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).

    <LI class=msg_err>
    error.png
    Line 126, Column 36: Attribute "alt" exists, but can not be used for this element. <div id="apDiv2"><a href="/" alt="home" onmouseout="MM_swapImgRestore()" onmou
    You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).
    This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.
    How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the <embed> element to incorporate flash media in a Web page, see the FAQ item on valid flash.

    <LI class=msg_err>
    error.png
    Line 126, Column 222: required attribute "alt" not specified ? height="30" border="0" id="Bild2" /></a></div>
    The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.
    Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

    <LI class=msg_err>
    error.png
    Line 127, Column 245: required attribute "alt" not specified ? height="27" border="0" id="Bild3" /></a></div>
    The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.
    Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

    <LI class=msg_err>
    error.png
    Line 128, Column 254: required attribute "alt" not specified ? height="27" border="0" id="Bild4" /></a></div>
    The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.
    Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

    <LI class=msg_err>
    error.png
    Line 129, Column 250: required attribute "alt" not specified ? height="30" border="0" id="Bild5" /></a></div>
    The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.
    Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

    <LI class=msg_err>
    error.png
    Line 130, Column 241: required attribute "alt" not specified ? height="30" border="0" id="Bild6" /></a></div>
    The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.
    Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

    <LI class=msg_err>
    error.png
    Line 146, Column 10: value of attribute "id" invalid: "1" cannot start a name <a id="1237926652" href="http://www.counter.de/">counter</a><script type="text
    It is possible that you violated the naming convention for this attribute. For example, id and name attributes must begin with a letter, not a digit.

    <LI class=msg_err>
    error.png
    Line 146, Column 264: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified ?go.de/" target="_blank"><img border=0 src="http://www.counter-go.de/counter.p
    <LI class=msg_err>
    error.png
    Line 146, Column 328: required attribute "alt" not specified ?.de/counter.php?account=1237926652"/></a></noscript>
    The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.
    Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

    <LI class=msg_err>
    error.png
    Line 148, Column 54: required attribute "alt" not specified <img src="Bilder/Main.jpg" width="800" height="800" /></div>
    The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.
    Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

    <LI class=msg_err>
    error.png
    Line 128, Column 61: XML Parsing Error: attributes construct error ?ef="Referenzen.html" alt="referenzen"onmouseout="MM_swapImgRestore()" onmouse
    <LI class=msg_err>
    error.png
    Line 128, Column 61: XML Parsing Error: Couldn't find end of Start Tag a line 128 ?ef="Referenzen.html" alt="referenzen"onmouseout="MM_swapImgRestore()" onmouse
    <LI class=msg_err>
    error.png
    Line 128, Column > 80: XML Parsing Error: Opening and ending tag mismatch: div line 128 and a ?" alt="referenzen"onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(?
    <LI class=msg_err>
    error.png
    Line 129, Column 59: XML Parsing Error: attributes construct error ?href="Impressum.html" alt="impressum"onmouseout="MM_swapImgRestore()" onmouse
    <LI class=msg_err>
    error.png
    Line 129, Column 59: XML Parsing Error: Couldn't find end of Start Tag a line 129 ?href="Impressum.html" alt="impressum"onmouseout="MM_swapImgRestore()" onmouse
    <LI class=msg_err>
    error.png
    Line 129, Column > 80: XML Parsing Error: Opening and ending tag mismatch: div line 129 and a ? alt="impressum"onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('B?
    <LI class=msg_err>
    error.png
    Line 129, Column > 80: XML Parsing Error: Opening and ending tag mismatch: body line 16 and div ? alt="impressum"onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('B?
    <LI class=msg_err>
    error.png
    Line 130, Column 54: XML Parsing Error: attributes construct error ?"><a href="Kontakt.php" alt="kontakt"onmouseout="MM_swapImgRestore()" onmouse
    <LI class=msg_err>
    error.png
    Line 130, Column 54: XML Parsing Error: Couldn't find end of Start Tag a line 130 ?"><a href="Kontakt.php" alt="kontakt"onmouseout="MM_swapImgRestore()" onmouse
    <LI class=msg_err>
    error.png
    Line 130, Column > 80: XML Parsing Error: Opening and ending tag mismatch: div line 130 and a ?t="kontakt"onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild6'?
    <LI class=msg_err>
    error.png
    Line 130, Column > 80: XML Parsing Error: Opening and ending tag mismatch: html line 2 and div ?t="kontakt"onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Bild6'?
  2. error.png
    Line 131, Column 2: XML Parsing Error: Extra content at the end of the document <div id="apDiv7">
 

cebito

undefined

AW: Webseite nicht W3C Konform bräuchte hilfe

Code:
[COLOR=Red]<style type="text/css"/>[/COLOR][COLOR=Black]<!--was ist das?-->[/COLOR]
</head>
<body>
<style><!--das gehört in den head-Bereich-->
 
Zuletzt bearbeitet:

tbsklat

Nicht mehr ganz neu hier

AW: Webseite nicht W3C Konform bräuchte hilfe

danke hab es grad geändert denke mal das die definition von den div-tags auch in den head bereich gehört wenn ich nicht ganz falsch liege:uhm:
 

MainAngler

Excel (SVERWEIS...)

AW: Webseite nicht W3C Konform bräuchte hilfe

Um Gottes Willen!:D

Jo, kann dir zum Teil helfen.;)

Zu 1.) Da ist das Wort <style> zu viel!
Es fehlt im Head der Abschluss </style>.

Deine ganzen CSS-Anweisungen gehören im head zwischen <style type="text/css"> und </style>.
Vor <div id="apDiv2"> steht also </head> <body>.

Ich editiere weiter wenn ich das nächste hab.;)
 
Zuletzt bearbeitet:

cebito

undefined

AW: Webseite nicht W3C Konform bräuchte hilfe

danke hab es grad geändert denke mal das die definition von den div-tags auch in den head bereich gehört wenn ich nicht ganz falsch liege:uhm:
genau, das angefangene <style> nach dem body bis zu seinem Ende gehört nach oben in den head-Bereich...
Alles, was zwischen <body> und <div id="main"> steht
 

tbsklat

Nicht mehr ganz neu hier

AW: Webseite nicht W3C Konform bräuchte hilfe

okay jetzt sind die fehler schon mal weg :D.

weiß jemand was hier dran falsch ist ?


Line 123, Column 222: required attribute "alt" not specified
… height="30" border="0" id="Bild2" /></a></div>

oder liegt es vielleicht an den Rollover schaltflächen?
 

cebito

undefined

AW: Webseite nicht W3C Konform bräuchte hilfe

okay jetzt sind die fehler schon mal weg :D.

weiß jemand was hier dran falsch ist ?


Line 123, Column 222: required attribute "alt" not specified
? height="30" border="0" id="Bild2" /></a></div>

oder liegt es vielleicht an den Rollover schaltflächen?
Da ist nichts falsch, aber du solltest ein alt-Attribut angeben für Leute die Bilder abgeschaltet haben oder aber auch für Screenreader und u.a. auch Google.

Code:
<img src="images/deinBild.jpg" [COLOR=Red]alt="Bildbeschreibung"[/COLOR] width="22" height="12" border="0" />
 

MainAngler

Excel (SVERWEIS...)

AW: Webseite nicht W3C Konform bräuchte hilfe

Am besten erstmal Html und CSS lernen.;)
Leichtsinnsfehler kann man ja mal machen, aber gleich so viel?!:rolleyes:

Ich könnts ja komplett überarbeiten aber mit meinem Link und dem ganzen somit auf deutsch solltest du das selbst hinbekommen.:D
HTML / XHTML / XML / WML Validator
 
M

MBona

Guest

AW: Webseite nicht W3C Konform bräuchte hilfe

Ich mache mal eine Vermutung ins Blaue: Du hast das mit einem Editor wie Dreamweaver oder ähnlich gemacht?

Wenn du W3C validen Code haben willst, solltest du den HTML und den CSS Code selber schreiben. Hilfe dazu gibt es z.b. bei SELFHTML
 

Gaby_K

Nicht mehr ganz neu hier

AW: Webseite nicht W3C Konform bräuchte hilfe

Dreamweaver und andere WYSIWYG-Editoren schreiben zumeist keinen sauberen Code.
Aber die Codefehler sind nicht dein einziges Problem, du solltest auch noch anderweitig ein wenig an der Suchmaschinen-Optimierung arbeiten.

Für den Anfang bietet eine Analyse z. B. mit Seitenreport - Die Homepage-Analyse - SEO Tool einen Überblick, was noch verbessert werden kann (jew. mit Erklärungen).
 

tbsklat

Nicht mehr ganz neu hier

AW: Webseite nicht W3C Konform bräuchte hilfe

Stimmt hab die webseite mit dreamweaver programmiert.:uhm:Ist halt meine erste Webseite wo ich mit Html Programmiere .Nun hab ich den salat.:'(
Kann man die Seite noch retten oder wäre es einfacher es neu zu programmieren?
 
M

MBona

Guest

AW: Webseite nicht W3C Konform bräuchte hilfe

Ich empfehle dir, ein paar Tutorials dazu durch zu machen. Es gibt hier einige, und auch auf selfhtml.com oder Dr. Web Magazin | Startseite es gibt noch unzählige mehr, google hilft auch.

Schau z.b. mal in dieser Kathegorie:

oder:
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.614
Beiträge
1.538.351
Mitglieder
67.525
Neuestes Mitglied
mgtaucher
Oben