| Schrijver |
Bericht |
coen17stam
Forum Lid
118 posts |
# Geplaatst: 6 Aug 2012 22:59
Hallo,
Ik had 85 fouten in mijn html pagina er zitten er nu nog 21 in waarvan veel dezelfde. Ik kan er niet achter komen wat de fouten zijn en hoe ik het op kan lossen. zou iemand een blik kunnen werpen op de onderstaande link en mij uitleg of een oplossing willen geven.
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.stamensikkema.nl%2Fhome.php&charset=%28detect+automatically%29&doctype=Inline&ss=1&group=0&user-age nt=W3C_Validator%2F1.3
|
| |
|
JeroenBoschma
Forum Lid
447 posts |
# Geplaatst: 6 Aug 2012 23:13
Veel zijn toch wel erg voor de hand liggend...
html code <ul class="nav">
<a href="#onskop"><strong>ons werk</strong> </a>
<a href="#contactkop"><strong>contact</strong></a>
</ul>
Binnen een <ul> horen <li> tags. Als je die toevoegt gaat de layout waarschijnlijk in de war, dus wellicht heb je de <ul> helemaal niet nodig en kan je de menu kopjes op een andere manier positioneren.
Deze fout komt vaker voor in je code.
ID "inhoud" already defined
Een id mag maar 1 maal voorkomen. Als de eigenschappen vaker wilt gebruiken, maak van 'inhoud' dan een class.
value of attribute "type" cannot be "email"; must be one of "text", "password", "checkbox", "radio", "submit", "reset", "file", "hidden", "image", "button"
Lijkt me duidelijk, 'email' bestaat gewoon niet. Gebruik een van de voorgeschreven types.
end tag for "form" omitted, but OMITTAG NO was specified
</div>
Je hebt de constructie:
html code<form id="Contactformulier" ac
.....
</div>
....
</form>
Wat doet die </div> daar? Die hoort ergens anders bij...
ID "container" already defined
Zie boven ('inhoud')
Daarnaast zijn er tags die door 'derden' worden gebruikt (Google-code bijvoorbeeld) die niet W3C compliant zijn, maar je doet er niets aan...
|
coen17stam
Forum Lid
118 posts |
# Geplaatst: 6 Aug 2012 23:37
Quoting: JeroenBoschma Binnen een <ul> horen <li> tags. Als je die toevoegt gaat de layout waarschijnlijk in de war, dus wellicht heb je de <ul> helemaal niet nodig en kan je de menu kopjes op een andere manier positioneren.
Bedankt ik heb het inderdaad veranderd naar een <div>Quoting: JeroenBoschma value of attribute "type" cannot be "email"; must be one of "text", "password", "checkbox", "radio", "submit", "reset", "file", "hidden", "image", "button"
Lijkt me duidelijk, 'email' bestaat gewoon niet. Gebruik een van de voorgeschreven types.
Ik las dat in html5 dit wel bestaat, zo veranderd bijvoorbeeld je toetsenbord op de iphone naar een toetsenbord om email in te voeren.
zie afbeelding: http://www.google.nl/imgres?um=1&hl=nl&client=firefox-a&sa=N&rls=org.mozilla:nl:official&biw=1920&bih=1015&tbm=isch&tbnid=LIaTz29melurdM:&imgrefurl=ht tp://labs.blitzagency.com/%3Fp%3D2048&docid=a6S4rnXXjZgqRM&imgurl=http://labs.blitzagency.com/wp-content/uploads/2010/04/html5-iphone-email.jpg&w=320& h=215&ei=6tUfUKXTM4aX0QXpxIDYBA&zoom=1&iact=hc&vpx=312&vpy=171&dur=55&hovh=172&hovw=256&tx=168&ty=55&sig=117693323618649530582&page=1&tbnh=140&tbnw=20 8&start=0&ndsp=47&ved=1t:429,r:1,s:0,i:76
Quoting: JeroenBoschma Wat doet die </div> daar? Die hoort ergens anders bij...
Als ik deze weg haal dan komt mijn contactformulier onder elkaar te staan om een een of andere reden. snap dat ook niet zo goed.
Quoting: JeroenBoschma Daarnaast zijn er tags die door 'derden' worden gebruikt (Google-code bijvoorbeeld) die niet W3C compliant zijn, maar je doet er niets aan...
Duidelijke niets aan te doen dus, Bedankt!
|
JeroenBoschma
Forum Lid
447 posts |
# Geplaatst: 6 Aug 2012 23:49
Quoting: coen17stam Ik las dat in html5 dit wel bestaat, z
OK, bedenk dat W3C validator ook niet heilig is :-)
Trouwens: voor HTML5 heb je, dacht ik (klepel... klok...) een ander doctype nodig en en andere/geen arguments in he <html> tag. Google ff....
Quoting: coen17stam Als ik deze weg haal dan komt mijn contactformulier onder elkaar te staan om een een of andere reden. snap dat ook niet zo goed.
Die </div> moet je waarschijnlijk verplaatsen, niet weghalen. Je hebt waarschijnlijk iets gedaan als:
html code<div>
<form>
</div>
</form>
dit moet worden
html code<div>
<form>
</form>
</div>
Even nalopen waar die </div> eigenlijk bijhoort en 'm dan op de goede plek zetten.
|
coen17stam
Forum Lid
118 posts |
# Geplaatst: 7 Aug 2012 00:04 · Aangepast door: coen17stam
Ik kan het maar niet vinden waar die </div> bijhoort als ik hem verplaats dan komt alles onder elkaar kun je mij hierbij helpen?
ook gaf die validation nog andere fouten aan namelijk:
Error Line 349, Column 156: required attribute "rows" not specified
…amily: Arial, Helvetica, sans-serif; font-size: 7.9pt" tabindex="5"></textarea>
✉
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>.
Error Line 349, Column 156: required attribute "cols" not specified
…amily: Arial, Helvetica, sans-serif; font-size: 7.9pt" tabindex="5"></textarea>
✉
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>.
|
JeroenBoschma
Forum Lid
447 posts |
# Geplaatst: 7 Aug 2012 03:41
Volgens mij wordt de volgorde bij jou (meerdere tags verplaatsen dus):
html code<form id="Contactformulier" action="/index.php#contactkop" method="post" name="Contactformulier">
<div class="tabelform">
...
</div>
<div class="tabelform">
...
</div>
</form>
Maar ik kan slechts gissen naar jouw opbouw....
Probeer de voor de hand liggende fouten op te lossen, vaak verdwijnen er dan opeens heel veel andere 'fouten', doe dan nog maar eens een verse post.
|
coen17stam
Forum Lid
118 posts |
# Geplaatst: 7 Aug 2012 03:50
Acht super dit staat inderdaad beter
html code<form id="Contactformulier" action="<?php echo $_SERVER['PHP_SELF'] ?>#contactkop" method="post" name="Contactformulier">
<div class="tabelform">
<label id="naam"><strong>Naam *</strong><br />
<input name="naam" style="width: 290px; font-family: Arial, Helvetica, sans-serif; font-size: 7.9pt" tabindex="1" type="text" value="<?php echo isset($_POST['naam']) ? $_POST['naam'] : '';?>" />
<br />
<br />
<br />
<br />
</label><strong>E-mailadres *</strong><label id="email"><br />
<input name="email" style="width: 290px; font-family: Arial, Helvetica, sans-serif; font-size: 7.9pt" tabindex="2" type="email" value="<?php echo isset($_POST['email']) ? $_POST['email'] : '';?>" />
<br />
<br />
<br />
</label><br />
<strong>Telefoon</strong><label id="telefoon"><br />
<input maxlength="13" name="telefoon" size="10" style="width: 290px; font-family: Arial, Helvetica, sans-serif; font-size: 7.9pt" tabindex="3" type="number" value="<?php echo isset($_POST['telefoon']) ? $_POST['telefoon'] : '';?>" />
</label><br />
<br />
<br />
<br />
</div>
<div class="tabelform">
<label id="Onderwerp"><strong>Onderwerp *</strong><br />
<input name="onderwerp" size="10" style="width: 290px; font-family: Arial, Helvetica, sans-serif; font-size: 7.9pt" tabindex="4" type="text" value="<?php echo isset($_POST['onderwerp']) ? $_POST['onderwerp'] : '';?>" />
</label><br />
<br />
<br />
<strong>Bericht * </strong><br />
<textarea name="bericht" style="width: 290px; overflow: auto; height: 200px; font-family: Arial, Helvetica, sans-serif; font-size: 7.9pt" tabindex="5"><?php echo isset($_POST['bericht']) ? $_POST['bericht'] : '';?></textarea>
<br />
<br />
<span class="verzendknop"><strong>
<a class="verzenden" href="javascript:document.Contactformulier.submit();">
Verzenden</a></strong></span>
<?
}
?>
</div>
</form>
Bedankt!
|
JeroenBoschma
Forum Lid
447 posts |
# Geplaatst: 7 Aug 2012 04:02
Nog aan het testen? Zag de hele boel door elkaar staan op de website....
Nog iets:
php code<?php echo isset($_POST['onderwerp']) ? $_POST['onderwerp'] : '';?>
Is bedoeld om ingevulde gegevens te behouden als er nog iets niet klopt in het form, maar: kijk eens wat er gebeurt als je hier iets invult met allerlei quotes erin (ook in andere velden). Daarom:
php code<?php echo isset($_POST['onderwerp']) ? htmlentities($_POST['onderwerp'], ENT_QUOTES) : '';?>
|
coen17stam
Forum Lid
118 posts |
# Geplaatst: 7 Aug 2012 05:15
Ja zeker druk bezig met allerlei dingen zoals alle JS code's in externe bestandjes zetten, even alles opschonen en mooi onder elkaar zetten etc.
Maar als ik het goed begrijp, onthoud (door: ENT_QUOTES) je form de gegevens? dus zodra je iets vergeten bent in te vullen, je dan niet helemaal opnieuw hoeft in te vullen?
|
coen17stam
Forum Lid
118 posts |
# Geplaatst: 7 Aug 2012 05:18
hm volgens mij begrijp ik je niet helemaal want hij onthoud al de ingevulde gegevens.
|
JeroenBoschma
Forum Lid
447 posts |
# Geplaatst: 7 Aug 2012 15:34
Quoting: coen17stam hm volgens mij begrijp ik je niet helemaal want hij onthoud al de ingevulde gegevens.
Stel je gebruikt in je HTML:
html codevalue="<?php echo isset($_POST['onderwerp']) ? $_POST['onderwerp'] : '';?>"
en de gebruiker vult in bij onderwerp:
blah
dan krijg je:
Niks aan de hand.
Maar als je iets invult met een dubbele quote:
blah"
dan krijg je:
Dan is je HTML vanaf de laatste quote hierboven niet meer geldig, want daar begin je feitelijk een nieuwe string!
htmlentities codeert quotes zodat dit niet kan gebeuren. Nalezen op php.net.
|
coen17stam
Forum Lid
118 posts |
# Geplaatst: 7 Aug 2012 23:46
Ik ga er eens naar kijken bedankt!
|
coen17stam
Forum Lid
118 posts |
# Geplaatst: 7 Aug 2012 23:58
Kun jij mij misschien verder helpen met het volgende probleem krijg namelijk geen reacties meer en wellicht heb jij er verstand van
http://www.html-site.nl/forum/2_28446_0.html
|
JeroenBoschma
Forum Lid
447 posts |
# Geplaatst: 8 Aug 2012 03:42
Quoting: coen17stam Ik ga er eens naar kijken bedankt!
Ik ben wat vergeten, je hebt wel die htmlentities() erin staan, maar het werkt nog niet goed zie ik nu...
Probleem is de 'magic quotes' optie van PHP. Dat is een optie die zelf met quotes aan de gang gaat in POST variabelen. Dat staat vaak aan, soms uit, en de PHP developers zijn erachter gekomen dat het een optie is die ontzettend in de weg zit. Vanaf PHP 5.4 is die optie standaard niet meer beschikbaar.
Beste oplossing: zet die 'magic quotes' optie van PHP standaard uit, dat doe je met de volgende regel in je .htaccess bestand:
php codephp_flag magic_quotes_gpc Off
Vervolgens moet je dus zelf alle plekken die quotes ellende ondervangen, dat doe je met htmlentities() zoals ik boven aangaf.
De valkuil is dus: het lijkt met je oorspronkelijke code allemaal goed te gaan (vanwege de optie 'magic quotes' die meestal aan staat), maar zodra je provider naar 5.4 overschakelt heb je opeens een crash-risico in je pagina. Door alles nu zelf af te vangen ben je altijd veilig...
Quoting: coen17stam Kun jij mij misschien verder helpen met het volgende probleem krijg namelijk geen reacties meer en wellicht heb jij er verstand van
Heb er naar gekeken, maar kom er niet zomaar uit. Ik zou zeggen: loop nog eens heel goed je implementatie na en controleer of die precies is volgens de handleiding/voorbeeld van de code die je hebt gebruikt (JQuery-plugin?)
|
coen17stam
Forum Lid
118 posts |
# Geplaatst: 9 Aug 2012 02:02
Bedankt JeroenBoschma ik ga me er eens in verdiepen het klinkt nogal heel ingewikkeld en heb er niet zoveel verstand van.
wat betreft de fotoslider ik kom er maar niet uit, heb het namelijk al nagelopen met de handleiding/voorbeeld maar het wil maar niet lukken.
|
