foutmeldingen met W3C validator HTML Strict

Status
Niet open voor verdere reacties.
beste csshunter

ik heb nu mijn pagina reglement.html ook aangepast dus met het Doctype en
dit html xmlns="http://www.w3.org/1999/xhtml" lang="nl" xml:lang="nl">
maar nu krijg ik in deze pagina 7 errors en daarvoor waren het er maar 2. hoe komt dit?


dit is de code
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" 
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="nl" xml:lang="nl">
<head>
<title>vissersparadijs/Reglement</title>
<link href="reglement_1.css" rel="stylesheet" type="text/css"/>
</head>
 
<br />
<table border="0">
<tr>
<td><u><h1>Wedstrijdreglement De snoekvissers</h1></u></td>
</tr>
<tr>
<td height="50"></td>
</tr>
<tr>
<td>
<ol>
<li>Het jaarlijkse lidgeld bedraagt 30 euro.</li>
<li>De inleg per wedstrijd is 5 euro.</li>
<li>Het is toegestaan te vissen op de blokkreek<b>( eerste deel )</b> en op de <b>volledige mesurekreek.</b></li>
<li>Het algemeen klassement wordt berekend op alle wedstrijden.</li>
<li>Er wordt gevist naar gewicht.</li>
<li>vaste hengel mag maximum 11m zijn.</li>
<li>Maximum 2kg droog voeder.</li>
<li>Amorce en gekleurde maden zijn <u>VERBODEN.</u></li>
<li>Voederen 15 min voor aanvang wedstrijd.</li>
<li>We vissen van 12h45 tot 16h45</li>
<li>Bijschieten van witte maden,casters,pellets, en lichtjes bijsnuiven is toegelaten.</li>
<li>Plaatsloting van 10h45 tot 11h15 in ons lokaal "IN DE DRAAIPUT".</li>
<li>Na het voedersignaal worden geen vissers meer toegelaten aan het water.</li>
<li>Leefnet minimum 2m lang, voorzie eventueel een 2e leefnet.</li>
<li>Alle vis telt.</li>
</ol>
</td>
</tr>
</table>
<br />
<p>Designed by: Van Der Brugge Ringo</p>
</body>
</html>

of telt deze code
Code:
<DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" 
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="nl" xml:lang="nl">
enkel in het frame pagina en dus niet in de html paginas die geopend worden in mijn hoofdframe?

grtz ringo
 
Inderdaad, het frameset-Doctype is alleen voor de pagina waarin de frames worden gedefinieerd.
De inwendige pagina's binnen een frameset zijn gewone pagina's, die een Doctype xhtml-strict kunnen krijgen.

Maar op de reglement-pagina zitten ook nog wat andere foutjes, bv.:
  • In de <head> hoort nog het meta-regeltje met de charste utf-8.
  • Na de </head> staat er geen <body>. Als die er in staat zullen een paar andere fouten vanzelf verdwijnen.
  • De tag <u> voor "underline" is achterhaald en verboden: dit is een style-eigenschap die niet in de html thuishoort; maar om verwarring te voorkomen met links, die ook onderstreept zijn, kan je denk ik beter <em>....</em> gebruiken. Dat is een tag voor "emphasis" = met nadruk. Op scherm wordt dat cursief.
Met vriendelijke groet,
CSShunter
 
hey csshunter

zeer wel bedankt voor de hulp,

ik heb de pagina wat aangepast en heb nu nog 1 error

Line 8, Column 50: end tag for element "P" which is not open
<p><h1>Wedstrijdreglement De snoekvissers</h1></p>


zo is de pagina nu

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>vissersparadijs/Reglement</title>
<link href="reglement_1.css" rel="stylesheet" type="text/css">
</head>
<body>
<p><h1>Wedstrijdreglement De snoekvissers</h1></p>
<table border="0">
<tr>
<td height="50"></td>
</tr>
<tr>
<td>
<ol>
<li>Het jaarlijkse lidgeld bedraagt 30 euro.</li>
<li>De inleg per wedstrijd is 5 euro.</li>
<li>Het is toegestaan te vissen op de blokkreek<b>( eerste deel )</b> en op de <b>volledige mesurekreek.</b></li>
<li>Het algemeen klassement wordt berekend op alle wedstrijden.</li>
<li>Er wordt gevist naar gewicht.</li>
<li>vaste hengel mag maximum 11m zijn.</li>
<li>Maximum 2kg droog voeder.</li>
<li>Amorce en gekleurde maden zijn <u>VERBODEN.</u></li>
<li>Voederen 15 min voor aanvang wedstrijd.</li>
<li>We vissen van 12h45 tot 16h45</li>
<li>Bijschieten van witte maden,casters,pellets, en lichtjes bijsnuiven is toegelaten.</li>
<li>Plaatsloting van 10h45 tot 11h15 in ons lokaal "IN DE DRAAIPUT".</li>
<li>Na het voedersignaal worden geen vissers meer toegelaten aan het water.</li>
<li>Leefnet minimum 2m lang, voorzie eventueel een 2e leefnet.</li>
<li>Alle vis telt.</li>
</ol>
</td>
</tr>
</table>
<p>Designed by: Van Der Brugge Ringo</p>
</body>
</html>

ps: wat bedoel je met dit regeltje?

meta-regeltje met de charste utf-8.


grtz ringo
 
beste csshunter

ik heb nu mijn 3 andere framebestanden ook bewerkt met het DOCTYPE voor frames
+ de xhtml regel maar nu krijg ik meer errors dan ervoor

hier de 3 bestanden waar het over gaat

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" 
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="nl" xml:lang="nl">

<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>snoekvissers</title>
<link href="snoekvissers_1.css" rel="stylesheet" type="text/css" />
<style type="text/css"> 
 
/* uitzicht menu links */
a.menulink {
display: inline; /* voor verticaal menu: display: block; */
width: 5px;
text-align: center;
padding: 3pt;
text-decoration: none;
font-family:helvetica;
font-size:10pt;
font-weight: bold;
color: #000080;
border: solid 1px #000080;
background-color: #00CCFF;
}
/* uitzicht menu links bij muisover */
a.menulink:hover {
background-color:#000080; 	/* een andere achtergrondkleur */
color: #FFFFFF;				/* een andere tekstkleur       */
text-decoration: none;
}
</STYLE>
</head>
<body>
<div id="header">
		<div class="box">
			<div class="logo"><img src="banner.jpg" width="100%" height="150" alt="banner" /></div>
			<div class="center" align="center">
<a href="frame3.htm"target="hoofdframe" class="menulink">home</a>
<a href="http://www.vissersparadijs.be/" class="menulink"onclick="window.open(this.href); return false;">Forumindex</a>
<a href="reglement.html"target="hoofdframe" class="menulink">Reglement</a>
<a href="leden.html"target="hoofdframe" class="menulink">Leden</a>
<a href="kalender.html"target="hoofdframe" class="menulink">Kalender</a>
<a href="bestuur.html"target="hoofdframe" class="menulink">Bestuur</a>
<a href="klassement2012.html"target="hoofdframe" class="menulink">Klassement&nbsp;2012</a>
<a href="klassement2011.html"target="hoofdframe" class="menulink">Klassement&nbsp;2011</a>
<a href="album.html"target="hoofdframe" class="menulink">Album</a>
<a href="http://snoekvissers.guestbook4you.be" target="hoofdframe" class="menulink">Gastenboek</a>
<a href="linken.html" class="menulink"target="hoofdframe">links</a>
<a href="nieuws.html" class="menulink"target="hoofdframe">nieuws</a>
</div>
</body>
</html>

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" 
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="nl" xml:lang="nl">
<head>
<title>snoekvissers</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body { background-color:#433B38;
       color:#FFDEAD;
			 }
/* css */

img
{
   border: 0;
}
			 
</STYLE>

</head>
<body>
<p style="text-align:center;"><img src="foto's/vis3.gif" alt="vis"/></p>
<br />
<p style="text-align:center;"><a href="http://www.easycounter.com/"><img src="http://www.easycounter.com/counter.php?ringo1" border="2" alt="Hit Counters"></a>
<br /><a href="http://www.easycounter.com/"></a></p>
<br />
<p style="text-align:center;"><iframe src="iframe1.htm" width="125" height="50"></iframe></p>
<br />
<p style="text-align:center;"><a href="http://www.hengelsporttryo.be/" target="hoofdframe"><img src="foto's/tryo.jpg" alt="tryo" width="125" height="75"/></a></p>
<br />
<p style="text-align:center;"><a href="mailto:de.karper@hotmail.com"><img src="mail.gif" height="40" width="60" alt="mail de webmaster"/></a></p>
<br />
<br />

</body>
</html>

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" 
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="nl" xml:lang="nl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>snoekvissers</title>
<style type="text/css">
<!--
.spanstyle {
COLOR: yellow;
FONT-FAMILY: helvetica;
FONT-SIZE: 11pt;
FONT-WEIGHT: bold;
POSITION: absolute;
TOP: -50px;
VISIBILITY: visible
}
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
var x, y;
var step = 10;
var flag = 0;
var slangtekst = "welkom bezoeker ! ";// hier de tekst ingeven
slangtekst = slangtekst.split("");
var xpos = new Array();
for (i = 0; i <= slangtekst.length - 1; i++) {
xpos[i] = -50;
}
var ypos = new Array();
for (i = 0; i <= slangtekst.length - 1; i++) {
ypos[i]= -50;
}
function welke_browser(e) {
x = (document.layers) ? e.pageX : document.body.scrollLeft +
event.clientX;
y = (document.layers) ? e.pageY : document.body.scrollTop +
event.clientY;
flag = 1;
}
function maakslang() {
if (flag == 1 && document.all) {
for (i = slangtekst.length - 1; i >= 1; i--) {
xpos[i] = xpos[i - 1] + step;
ypos[i] = ypos[i - 1];
}
xpos[0] = x + step;
ypos[0] = y;
for (i = 0; i < slangtekst.length - 1; i++) {
var thisspan = eval("span" + (i) + ".style");
thisspan.posLeft = xpos[i];
thisspan.posTop = ypos[i];
   }
}
else if (flag==1 && document.layers) {
for (i = slangtekst.length - 1; i >= 1; i--) {
xpos[i] = xpos[i - 1] + step;
ypos[i] = ypos[i - 1];
}
xpos[0] = x + step;
ypos[0] = y;
for (i = 0; i < slangtekst.length - 1; i++) {
var thisspan = eval("document.span" + i);
thisspan.left = xpos[i];
thisspan.top = ypos[i];
   }
}
var timer = setTimeout("maakslang()", 10);
}

//-->
</script>

<style type="text/css">

body { background-color:#433B38;
       color:#FFDEAD;
			 }
		 
</STYLE>

</head>
<body  style="OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%" onLoad="maakslang()"> 

<script language ="JavaScript">
for (i = 0; i <= slangtekst.length-1; i++) {
document.write("<span id='span"+i+"' class='spanstyle'>");
document.write(slangtekst[i]);
document.write("</span>");
}
if (document.layers) {
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = welke_browser;
</script>

<marquee width="100%" scrollamount="4"><font size="6" color="00CCFF">Welkom op de website van visclub de SNOEKVISSERS</font></marquee>
<br />
<br />
<br />

<p align="center"><font face="monotype corsiva" size="+5">Welkom sportvissers!</font></p><br />
<p style="border-style:groove" align="center"><br><font size="4"> Graag heet ik jullie hartelijk welkom op de website van de Snoekvissers.<br />
Deze site is in 1ste plaats gemaakt om de leden op de hoogte te houden van<br><a href="http://www.vissersparadijs.be/website/kalender.html"><font color="#FFFF00;">wedstrijddata</font></a> ,<a href="http://www.vissersparadijs.be/website/klassement2012.html"><font color="#FFFF00">uitslagen</font></a> ,activiteiten  en andere.<br />
Daarnaast vindt je hier nog heel wat informatie over alles wat te maken heeft met de club en het vissen<br />
waaronder ook veel foto's die je kan terug vinden in de album.<br />
Een website is nooit helemaal afgewerkt en daarom wil ik jullie ook uitnodigen om actief deel te nemen<br /> aan de uitbouw van onze site</font>
<br />
<br />

De kampioenen van 2011
<br />
<img src="kampioen/nr123.jpg"  width="550" height="410" alt="de kampioenen van 2011" />
</p>
<br />
<br />
<p style="text-align:center;">Designed by: van der brugge ringo</p>
<p style="text-align:center;">Website online sinds 22/11/2011</p>

</body>
</html>

in het eerste zitten er 6 errors het 2e 5 errors en het 3e 14 errors, ik heb er ondertussen ook al een paar uitgehaald maar deze weet ik niet hoe ik die moet oplossen.

grtz ringo
 
Line 8, Column 50: end tag for element "P" which is not open
<p><h1>Wedstrijdreglement De snoekvissers</h1></p>

Oh! Je mag helemaal geen h1 element in een p element stoppen! Valsspeler!

De error komt omdat de validator aanneemt dat je geen 'illegale' tags in elementen gebruikt. Ofwel, na de </h1>, kan er geen paragraaf-element open zijn, want dat 'mag' simpelweg niet. Dus, een sluit-p-element kan nooit direct na een sluit-h1-element komen.




(De 'technische' uitleg: in paragraaf-elementen mogen alleen inline elementen staan, en de h1 tag is een block element).
 
Laatst bewerkt:
Hoi Ringo,
ps: wat bedoel je met dit regeltje? "meta-regeltje met de charste utf-8"
Dat is de regel:
HTML:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
van m'n reactie nr. #18.
Het staat al in de code van de 3 bestanden hierboven, maar nog niet op de reglement-pagina (is niet echt 100% fout, maar geeft een waarschuwing van de html-validator).

=====
ik heb nu mijn 3 andere framebestanden ook bewerkt met het DOCTYPE voor frames + de xhtml regel maar nu krijg ik meer errors dan ervoor
De xhtml-regel is prima, maar het Doctype van alles wat in een frameset wordt opgeroepen, moet niet óók een frameset zijn: want er zitten geen frames in.

Dus de pagina frame1.htm met de header moet gewoon xhtml1.0-strict of -transitional zijn (of html4.1-strict of transitional).
Voor de pagina frame2.htm met de teller geldt hetzelfde.
En voor de pagina frame3.htm met de marquee en het Welkom ook.

Als je als Doctype xhtml gebruikt, mogen de tags <...> alleen maar in kleine letters geschreven worden.
Op de pagina frame1.htm staat bijvoorbeeld:
HTML:
<style type="text/css"> 
   ...
</STYLE>
De laatste moet </style> zijn, met kleine letters.
  • De validator signaleert dat er een </STYLE> is die niet geopend is: dat klopt, want er was eerder geen <STYLE>.
  • Maar zou je van de <style> in het begin ook hoofdletters maken, dan gaat de validator vertellen dat dat niet mag!
Met vriendelijke groet,
CSShunter
 
hey csshunter, ik heb nog eens een vraagje

deze code was dus volledig zonder fouten
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" 
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="nl" xml:lang="nl">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>snoekvissers</title>
    <meta name="description" content="personal site" />
    <meta name="omschrijving" content="persoonlijke website" />
    <meta name="keywords" content="snoekvissers vissen hengelen leden" />
		<meta name="title" content="Welkom op de website van de snoekvissers" />
		<meta name="author" content="ringo van der brugge" />
		
</head>
<frameset cols= "13%,*">
        <frame noresize="noresize" scrolling= "yes" src="http://www.vissersparadijs.be/website/frame2.htm" name="linkerframe" />
<frameset rows= "28%,*">
    <frame noresize="noresize" scrolling= "yes" src="http://www.vissersparadijs.be/website/frame1.htm" name="bovenframe" />
    <frame scrolling="yes" src="http://www.vissersparadijs.be/website/frame3.htm" name="hoofdframe" /> 
    </frameset>
    
    <noframes>
        <body>
            <p>Oeps: uw browser ondersteund geen frames.</p>
        </body>
    </noframes>
</frameset>
</html>

nu wou ik dus mijn frameborders verwijderen en heb dit zo aangepast maar nu krijg ik terug 2 errors

dit zou de fout moeten zijn

Code:
<frameset cols= "13%,*" frameborder="0" border="0">

<frameset cols= "13%,*" frameborder="0" border="0">

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" 
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="nl" xml:lang="nl">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>snoekvissers</title>
    <meta name="description" content="personal site" />
    <meta name="omschrijving" content="persoonlijke website" />
    <meta name="keywords" content="snoekvissers vissen hengelen leden" />
		<meta name="title" content="Welkom op de website van de snoekvissers" />
		<meta name="author" content="ringo van der brugge" />
		
</head>
<frameset cols= "13%,*" frameborder="0" border="0">
        <frame noresize="noresize" scrolling= "yes" src="http://www.vissersparadijs.be/website/frame2.htm" name="linkerframe" />
<frameset rows= "28%,*" frameborder="0" border="0">
    <frame noresize="noresize" scrolling= "yes" src="http://www.vissersparadijs.be/website/frame1.htm" name="bovenframe" />
    <frame scrolling="yes" src="http://www.vissersparadijs.be/website/frame3.htm" name="hoofdframe" /> 
    </frameset>
    
    <noframes>
        <body>
            <p>Oeps: uw browser ondersteund geen frames.</p>
        </body>
    </noframes>
</frameset>
</html>

hoe zou ik dit kunnen oplossen?

alvast bedankt
 
Een frameset mag geen frameborder of border krijgen want het is zelf geen frame. Vandaar de validator-errors.
De frameborder="0" en border="0" kan je ongestraft loslaten op elk van de frames zelf, dan verdwijnen de randen.
  • Je kunt hier nakijken welke attributen (eigenschappen) van toepassing zijn bij welke html-elementen (tags): www.w3.org/TR/html401/index/attributes.html.

  • Waar een D bij staat ("Deprecated"), is het verouderd/achterhaald/afgekeurd, en moet je het niet gebruiken.
  • Waar een L bij staat ("Loose"), kan het alleen met een Transitional Doctype; maar dat is af te raden. Dit zijn opmaak-eigenschappen in de html, die beter met css geregeld kunnen worden, zodat het een Strict Doctype kan worden.
  • Waar F bij staat ("Frameset"), gaat het om eigenschappen die alleen in framesets kunnen.

  • Wat er niet in staat, mag niet! :)
Met vriendelijke groet,
CSShunter
 
hey csshunter bedankt voor antwoord

ik heb het nu op deze manier gedaan

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" 
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="nl" xml:lang="nl">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>snoekvissers</title>
    <meta name="description" content="personal site" />
    <meta name="omschrijving" content="persoonlijke website" />
    <meta name="keywords" content="snoekvissers vissen hengelen leden" />
		<meta name="title" content="Welkom op de website van de snoekvissers" />
		<meta name="author" content="ringo van der brugge" />
		
</head>
<frameset cols= "13%,*">
        <frame frameborder="0" border="0" noresize="noresize" scrolling= "yes" src="http://www.vissersparadijs.be/website/frame2.htm" name="linkerframe" />
<frameset rows= "28%,*">
    <frame frameborder="0" border="0" noresize="noresize" scrolling= "yes" src="http://www.vissersparadijs.be/website/frame1.htm" name="bovenframe" />
    <frame frameborder="0" border="0" scrolling="yes" src="http://www.vissersparadijs.be/website/frame3.htm" name="hoofdframe" /> 
    </frameset>
    
    <noframes>
        <body>
            <p>Oeps: uw browser ondersteund geen frames.</p>
        </body>
    </noframes>
</frameset>
</html>

en nu heb ik nog 1 error

Code:
 <frame frameborder="0" border=[COLOR="red"]"[/COLOR]0" noresize="noresize" scrolling= "yes" …

hoe kan ik die oplossen?
 
Laatst bewerkt:
Hoi Ringo1,
Mijn fout. :o Ik zei dat border="0" ongestraft op een <frame> mocht worden losgelaten, maar dat is niet zo (even scheef gelezen in de w3c-pagina van hierboven). *)
De html-validator zeg dat ook:
  • ... there is no attribute "border".
Dus alle border="0" moeten er uit.

Wat je ook altijd kunt proberen, is (in het "More Options" deel van de html-validator) het vakje "Clean up Markup with HTML-Tidy" aanvinken.
Bij de resultaten van de validatie komt dan onderaan ook een opgeschoonde / verbeterde versie te staan. - Wel even controleren of er niet iets teveel is opgeschoond!

Met vriendelijke groet,
CSShunter
______
*) Het gebruik van frames wordt tegenwoordig sterk afgeraden, en ik doe er al jaren niet meer aan. Vandaar dat ik alles over frames weer moet opzoeken. ;)
 
hey csshunter, ik had het ondertussen ook al gevonden maar toch bedankt,

ik ben bezig om mijn frames om te zetten in DIV maar dit is nog wat zoekwerk

ik zou dus mijn index http://www.vissersparadijs.be/website/snoekvissers.htm
hetzelfde willen maar dan in div en de haeder zou ik dus telkens op al mijn bladzijdes willen tezien krijgen

grtz ringo
 
ik ben bezig om mijn frames om te zetten in DIV
Dat is het betere werk! :thumb:


de header zou ik dus telkens op al mijn bladzijdes willen zien te krijgen
Ah, dan moet je hier eens kijken:
Daar wordt er een menu op elke pagina ingestoken, maar met een header of ander pagina-onderdeel kan het ook (en ook met verschillende pagina-onderdelen tegelijkertijd).
Zo kom je mooi van al je frames af, en hoef je toch maar 1 fragment te hebben dat er op elke pagina ingemetseld wordt door de server. :)
Nog wat uitgebreider:
Kan je weer even voort. ;)

Met vriendelijke groet,
CSShunter
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan