Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Complete webpagina vol fouten

14 antwoorden
  • Hallo allemaal, Ik zoek iemand die voor mij een keer kan kijken wat mijn voorkomende fouten zijn. Ik heb nu zelfs een pagina geprobeerd te maken met notepad ++, maar daar ziet hij de fouten ook niet, en de fouten die die ziet lijken zo onlogisch. Dit is de complete pagina: [quote:4cd64e8d0a]<DOCTYPE html PUBLIC "-//W3C`//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="nl"> <head><title>2e oefenwebsite</title></head> <body style="background-image:url('background.bmp')"> <meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" /> <p><h1>De eerste oefenwebsite</h1></p> <p>De eerste dingen die we leren zijn:<br /> Enter<br /> en spatie = &BackSPace<br /> <strong>Dikgedrukt</strong> <cite>Schuingedrukt</cite> <br /> </p> <p>met ol <ol> <li>een</li> <li>twee</li> </ol> </p> <hr /> <p>Met ul <ul> <li>een</li> <li>twee</li> </ul> </p> <p>Image toevoegen:<br /> <img src="achtergrond.jpg" width="200" height="110" alt="logo" /><br /> src= de naam van de image<br /> alt= de alternatieve tekst die de browser showt als de foto niet beschikbaar is </p> <br /> <p> Nu een link maken het href <br /> </p> <p> <a href="www.hattrick.org">Hattrick </a> <fieldset> <form action="mailto:email@hotmail.com" method="post"> Een volledig formulier<br /> Naam: <input type="tekst" name="naam" size="40"><br /> E-mail: <input type="tekst" name="E-mail" size="40"><br /> Nummers<br /> <input type="checkbox" name="een" value="een"/> Een<br /> <input type="checkbox" name="twee" value="twee"/> Twee<br /> Letters<br /> <input type="radio" name="a" value="a"/> A<br /> <input type="radio" name="b" value="b"/> B<br /> Tekens<br /> <select name="tekens"> <option value="!">!</option> <option value="@">@</option> <br /> Commentaar<br /> <br /> <textarea cols="60" rows="6" name="commentaar"> </textarea> <br /> <input type="reset" value="reset" /> <br/> <input type="submit" value="verzenden" /> </form> </fieldset> </p> </body> </html> [/quote:4cd64e8d0a] Dit zijn de fouten die aangegeven zijn (of te wel, die staan in het rood), maar dan nu de andere fouten: *checkbox werkt niet. Je kunt niets aanvinken. Het is een tekstgebied *radio werkt niet. Idem als checkbox *hoeveel enters (<br />) je ook gebruik, de textarea blijft altijd naast de opties staan (! en @) daar bovenop geeft w3.org ook nog is een legioen aan fouten. Wat is mijn probleem? Ik hoop dat er iemand is die mij een uitgebreid, of iig volledig antwoord kan geven ipv''je mist 1 aanhalingsteken'':P Groetjes, Nick
  • Je mist er niet een, je hebt er teveel en ook nog de verkeerde. Ik kom op veel plaatsen 'dubbele enkele quotes' tegen ipv gewone dubbele quotes Dus '' (' + ') ipv " En verder wilde ik al wijzen naar de W3C validatietool, maar je schrijft dat je daar al bent geweest en dat het nog iets opgeleverd heeft ook. Dus mijn wedervraag is, waar gaat het mis met het oplossen van de fouten die de W3C tool aangeeft? [edit] Nog wat aanvullingen <meta http-equiv="Content-Type"... hoort in de head sectie van de website Bij &BackSPace kun je de ampersand beter vervangen voor de HTML entitiy & (dus: &BackSPace) Input type 'tekst' bestaat niet Verder beginnen er nogal wat foutmeldingen met de woorden: "document type does not allow element..." Dus oftewel houdt je je niet aan de doctype die je gekozen hebt, of je hebt de verkeerde doctype gekozen ;-) [/edit]
  • Mis ik er zo veel? En dat terwijl ik veel, zo uit het pdf boek overneem. Zo ook (' + ') bij de image. daar staat duidelijk een enkele ', en daar is het probleem ook niet. Uhm over w3.org Mijn engels is wel redelijk goed (ik zit nu in 5havo) maar engelse termen in deze vorm, snap ik totaal niet. Ik snap niet wat ze bedoelen. Er staat bv dat er een < fout staat, terwijl dat naar mijn weten niet fout is. Kun je voor de rest is aantonen waar ik dan '' mis, en waarom dat formulier het niet goed doet?
  • Kijk nog even naar mijn eerste reactie, ik zat 'm net te veranderen toen je zat te reageren, dus die had je waarschijnlijk nog niet gelezen toen je reageerde. Met [url=http://www.w3schools.com/tags/tag_doctype.asp]de juiste doctype[/url] kun je er al veel uithalen.
  • Vanuit PDF? Dan heeft die OCR functie, of hoe dat bij PDF ook heet, een dubbele quote waarschijnlijk aangezien voor twee enkele.
  • Ik heb alle '' veranderd en dat moet nu goed zijn. (ik zal gelijk beginpost veranderen) Ik snap alleen nog niet waarom het commentaar blokje nog niet op een nieuwe regel komt
  • foute doctype? Hoeveel zijn er en wat zijn de verschillen?
  • Het doctype klopt wel, alleen ontbreekt er een uitroepteken aan het begin en er een staat een backtick in die er niet in hoort. Zo moet hij worden: [code:1:16a9674983]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">[/code:1:16a9674983]
  • [quote:332377e785="Supersnail"]Het doctype klopt wel, alleen ontbreekt er een uitroepteken aan het begin en er een staat een backtick in die er niet in hoort. Zo moet hij worden: [code:1:332377e785]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">[/code:1:332377e785][/quote:332377e785] Er zitten inderdaad ook syntax fouten in de doctype declaration, maar zelfs als je 'm corrigeert is het niet de juiste. NDijkie, kijk hier even: http://www.w3schools.com/tags/tag_doctype.asp En wat de positionering van elementen betreft: Niet met HTML code doen, maar met CSS.
  • De fieldset moet binnen de form, nu staat er:[code:1:6fc286f43e]<fieldset> <form action="mailto:email@hotmail.com" method="post"> [/code:1:6fc286f43e] dat moet je veranderen: [code:1:6fc286f43e] <form action="mailto:email@hotmail.com" method="post"> <fieldset>[/code:1:6fc286f43e] Bij het sluiten van de form dus ook, </fieldset> moet voor </form>. Zo verdwijnen er een heleboel fouten als sneeuw voor de zon. wimb
  • Dit kan ook niet: [code:1:b336d99e68]<p><h1>De eerste oefenwebsite</h1></p> [/code:1:b336d99e68] Het zal vast werken, maar een <p> is voor gewone tekst in een alinea terwijl <h1> voor een titelblok is. En dit zal ook niet werken: [code:1:b336d99e68]<select name="tekens"> <option value="!">!</option> <option value="@">@</option> [/code:1:b336d99e68] Je sluit de select-tag niet af. De browser verwacht die nog wel, en dat verklaart waarschijnlijk ook waarom de textarea ernaast komt ipv eronder. Het block-element select is namelijk nog niet afgesloten. En hoe kom je hieraan? [code:1:b336d99e68]<cite>Schuingedrukt</cite>[/code:1:b336d99e68] Sowieso is HTML niet bedoeld voor opmaakzaken als deze, bovendien is het cite-element bedoeld om aan te geven dat je iemand citeert. Als het je gaat om ergens de nadruk op te leggen, kun je dat met <strong> (meestal vet) of <em> (emphasized, meestal cursief) doen. Je zegt dat je dit alles uit een PDF hebt. Als dit soort zaken zo in die PDF staan, dan heb ik sterke twijfels bij de kwaliteit van dat document. Ik ben bang dat je op deze manier dingen verkeert gaat aanleren. Misschien kun je beter eens bij [url=http://nl.wikibooks.org/wiki/HTML]Wikibooks[/url] kijken? Het is ook niet de meest ideale (sommige dingen zoals doctype staan bij geavanceerd, terwijl ik het een basisding vind), maar als je de volledige cursus doorneemt heb je wel een redelijke basis om mee aan de slag te gaan denk ik.
  • Nou kijk eens, een schat aan waardevolle informatie op je vraag. Daar moet je toch een heel eind mee komen lijkt me.
  • Ik ken een spelletje...zoek de verschillen [code:1:57596670a1] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="nl"> <head> <title>2e oefenwebsite</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body style="background-image:url('background.bmp')"> <h1>De eerste oefenwebsite</h1> <p>De eerste dingen die we leren zijn:<br /> Enter<br /> en spatie =  <br /> <strong>Dikgedrukt</strong> <cite>Schuingedrukt</cite> </p> <p>met ol</p> <ol> <li>een</li> <li>twee</li> </ol> <hr /> <p>Met ul</p> <ul> <li>een</li> <li>twee</li> </ul> <p>Image toevoegen:<br /> <img src="achtergrond.jpg" width="200" height="110" alt="logo" /><br /> src= de naam van de image<br /> alt= de alternatieve tekst die de browser showt als de foto niet beschikbaar is </p> <p> Nu een link maken het href </p> <p><a href="www.hattrick.org" title="Hattrick">Hattrick</a></p> <form action="mailto:email@hotmail.com" method="post"> <fieldset> Een volledig formulier<br /><br /> Naam: <input type="text" name="naam" size="40" /><br /> E-mail: <input type="text" name="E-mail" size="40" /><br /> Nummers<br /> <input type="checkbox" name="een" value="een" /> Een<br /> <input type="checkbox" name="twee" value="twee" /> Twee<br /> Letters<br /> <input type="radio" name="a" value="a" /> A<br /> <input type="radio" name="b" value="b" /> B<br /> Tekens<br /> <select name="tekens"> <option value="!">!</option> <option value="@">@</option> </select> <br /> Commentaar<br /><br /> <textarea cols="60" rows="6" name="commentaar"></textarea> <br /> <input type="reset" value="reset" /> <br/> <input type="submit" value="verzenden" /> </fieldset> </form> </body> </html> [/code:1:57596670a1]
  • [quote:57f16c664e="glompie"]Ik ken een spelletje...zoek de verschillen [/quote:57f16c664e] This document was successfully checked as XHTML 1.0 Strict! :-)

Beantwoord deze vraag

Weet jij het antwoord op deze vraag? Registreer of meld je aan met je account

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.