Contact pagina W3C maken hoe?

Nvu, Kompozer en Bluegriffon zijn open source (WYSIWYG) programma's waarmee je een website kunt maken en onderhouden (vergelijkbaar met FrontPage / Dreamweaver).
Gebruikersavatar
joept
Berichten: 270
Lid geworden op: 9 maart 2008, 13:45
    Windows 7 Firefox
Contacteer:

Contact pagina W3C maken hoe?

Bericht door joept »

Hoi,

Mijn hele website is W3C Valid, behalve de 'contact pagina' :x
http://www.myblogsite.nl/contact.html
Even op het logo klikken van de W3C links onderaan, zoals je ziet heb ik 2 errors. Maar ik weet niet hoe ik ze moet oplossen.
In de bijlage kan je het zip-bestand vinden met de 'contact pagina'.
Alvast heel erg bedankt voor de hulp! En een goed 2011 toegewenst!!
contact.zip
(4.97 KiB) 183 keer gedownload

Joep
Filmpje over NVU (snelstart) een simpel filmpje met belangrijke basisvaardigheden. Zie:
http://forum.myblogsite.nl/phpBB3/viewt ... f=99&t=477
Gebruikersavatar
Tonnes
Berichten: 814
Lid geworden op: 20 november 2004, 21:40
    Windows Firefox
Contacteer:

Re: Contact pagina W3C maken hoe?

Bericht door Tonnes »

Geen idee, maar ik zou wel van ‘Contact Formulier’ ‘Contactformulier’ maken (dubbel fout), van ‘Email’ (altijd) ‘E-mail’ (of in NL vaak ‘E-mailadres’), van ‘e-mail adres’ uiteraard ‘e-mailadres’, ‘correcte’ ‘juiste’ en ‘Met vriendelijke groeten’ ‘Met vriendelijke groet’ of ‘Vriendelijke groeten’. En eventueel van ‘Stuur mij een kopie’ ‘Mij een kopie sturen’ als de ruimte er is, en van ‘verzenden’ ‘Verzenden’ ;)
Doe eens gek. Let op je spelling.
dillinger
Berichten: 72
Lid geworden op: 13 juli 2008, 22:40
    Linux Firefox

Re: Contact pagina W3C maken hoe?

Bericht door dillinger »

Je hebt waarschijnlijk ooit dat formulier als een aparte pagina gemaakt en die nu in zijn geheel in deze pagina geplakt.
Rond het formulier staan nog dingen als

Code: Selecteer alles

<html></html>

Code: Selecteer alles

<body></body>
en

Code: Selecteer alles

<head></head>
Haal die weg, vervang

Code: Selecteer alles

<div id="container"></div>
door

Code: Selecteer alles

<object id="container"></object>
en hij doet het wel.
Gebruikersavatar
joept
Berichten: 270
Lid geworden op: 9 maart 2008, 13:45
    Windows 7 Firefox
Contacteer:

Re: Contact pagina W3C maken hoe?

Bericht door joept »

@dillinger

Ik heb het volgende uitgevoerd:
Haal die weg, vervang

Code: Selecteer alles

<div id="container"></div>
door

Code: Selecteer alles

<object id="container"></object>
en hij doet het wel.
Maar helaas lost dit niks op, sterker nog, het wordt er alleen maar erger door. Want in plaats van 2 errors kwamen er opeens 33 errors. :x

Je hebt het trouwens wel goed gezien, het is inderdaad een script dat eigenlijk op een aparte pagina hoort. Maar die heb ik een paar jaar geleden met veel moeite in de website verwerkt.

Zijn er nog andere opties?


Joep
Filmpje over NVU (snelstart) een simpel filmpje met belangrijke basisvaardigheden. Zie:
http://forum.myblogsite.nl/phpBB3/viewt ... f=99&t=477
dillinger
Berichten: 72
Lid geworden op: 13 juli 2008, 22:40
    Linux Chrome

Re: Contact pagina W3C maken hoe?

Bericht door dillinger »

joept schreef: Zijn er nog andere opties?
Nee, hij geeft een error, je probeert te begrijpen wat er bedoeld wordt, waar dat door veroorzaakt wordt, en je kijkt of je er iets aan kunt doen.

Vanaf regel 139 vervang je

Code: Selecteer alles

													    <!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"> 
    <head> 
        <link href="style.css" rel="stylesheet" type="text/css" /> 
        
        <title>Contact Formulier Myblogsite.nl</title> 
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
        <meta http-equiv="Content-Language" content="nl" /> 
    </head> 
    
    <body> 
    <div id="container">   
door

Code: Selecteer alles

<object id="container">
Vanaf regel 181 vervang je

Code: Selecteer alles

    </div> 
        
</body>   
</html> 
door

Code: Selecteer alles

</object>
Je raakt dan wel de link naar je stylesheet

Code: Selecteer alles

<link href="style.css" rel="stylesheet" type="text/css" /> 
kwijt, die plak je ergens bovenaan de pagina (tussen <head> en </head>).

Ik vervang <div> door <object> om een andere error (document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag) te omzeilen.
Gebruikersavatar
nirwana
Beheerder
Berichten: 11528
Lid geworden op: 19 september 2003, 5:09
    Windows 7 Firefox
Contacteer:

Re: Contact pagina W3C maken hoe?

Bericht door nirwana »

Hier staat een voorbeeld die al wel valideert: http://www.mozbrowser.nl/web/mbs/contact.html

Hierin heb ik de meeste aanbevelingen van dilinger verwerkt, dus alle extra html, head en body-tags zijn verwijderd.

Ik heb geen object-tag toegevoegd, maar de container-div in de bovenliggende div verwerkt:

Code: Selecteer alles

<div id="container" class="content">
De beide stylesheets heb ik samengevoegd tot 1 stylesheet, omdat hier wat tegenstrijdige zaken in stonden.

Zo heb je in elk geval een voorbeeld waarvan je de code kunt bekijken en zo kun je de code van jouw pagina daarop laten lijken.
Met vriendelijke groet,

Martijn
[ Mede-oprichter + webmaster MozBrowser | beheerder Startpagina's over freeware, GIMP, Mozilla en OpenOffice.org / LibreOffice, Ubuntu
Gebruikersavatar
joept
Berichten: 270
Lid geworden op: 9 maart 2008, 13:45
    Windows 7 Firefox
Contacteer:

Re: Contact pagina W3C maken hoe?

Bericht door joept »

@Nirwana

Bedankt! Weer zulke goede hulp hier op het forum.
Kan je het nog even laten staan, ik heb het nu erg druk met school.
Zodra, ik zelf mijn code heb 'aangepast' laat ik het natuurlijk even weten!

Nogmaals bedankt!


Joep
Filmpje over NVU (snelstart) een simpel filmpje met belangrijke basisvaardigheden. Zie:
http://forum.myblogsite.nl/phpBB3/viewt ... f=99&t=477
Gebruikersavatar
nirwana
Beheerder
Berichten: 11528
Lid geworden op: 19 september 2003, 5:09
    Windows 7 Firefox
Contacteer:

Re: Contact pagina W3C maken hoe?

Bericht door nirwana »

joept schreef:@Nirwana

Bedankt! Weer zulke goede hulp hier op het forum.
Kan je het nog even laten staan, ik heb het nu erg druk met school.
Deze voorbeelden blijven staan totdat ik ruimte op de server nodig zou hebben. Dat blijft dus nog wel even online staan.
Met vriendelijke groet,

Martijn
[ Mede-oprichter + webmaster MozBrowser | beheerder Startpagina's over freeware, GIMP, Mozilla en OpenOffice.org / LibreOffice, Ubuntu
Gebruikersavatar
joept
Berichten: 270
Lid geworden op: 9 maart 2008, 13:45
    Windows 7 Internet Explorer 8
Contacteer:

Re: Contact pagina W3C maken hoe?

Bericht door joept »

@nirwana

Mijn proefwerkweek is achter de rug (ging helemaal top!) dus nu heb ik weer tijd voor mijn website.

Zou je mij de bestanden kunnen doorsturen? Want dat werkt wat makkelijker voormij, en dan kan ik ook gelijk het code bekijken wat je nou precies hebt aangepast want daar ben ik ook wel benieuwd naar.
Filmpje over NVU (snelstart) een simpel filmpje met belangrijke basisvaardigheden. Zie:
http://forum.myblogsite.nl/phpBB3/viewt ... f=99&t=477
Gebruikersavatar
Frederik
Moderator
Berichten: 4263
Lid geworden op: 1 juli 2004, 16:16
Locatie: Vriescheloo
    Windows 7 Firefox

Re: Contact pagina W3C maken hoe?

Bericht door Frederik »

Volgens mij worden die fouten door iets heel anders veroorzaakt. Ik zie namelijk twee keer dezelfde doctype enzovoort. En daar loopt de validator op stuk. Ik vermoed dat je een keer teveel hebt geplakt en daarom staan er dingen dubbel.
Gebruikersavatar
nirwana
Beheerder
Berichten: 11528
Lid geworden op: 19 september 2003, 5:09
    Windows 7 Firefox
Contacteer:

Re: Contact pagina W3C maken hoe?

Bericht door nirwana »

Joep,

De pagina's heb ik zojuist naar je gemaild. Uiteraard kun je deze ook zelf downloaden, want het voorbeeld staat online en het is allemaal op tekst gebaseerd. Maar als ik ze op een presenteerblaadje aanbiedt dan is dat natuurlijk wel handig ;-)
Met vriendelijke groet,

Martijn
[ Mede-oprichter + webmaster MozBrowser | beheerder Startpagina's over freeware, GIMP, Mozilla en OpenOffice.org / LibreOffice, Ubuntu
Gebruikersavatar
joept
Berichten: 270
Lid geworden op: 9 maart 2008, 13:45
    Windows 7 Firefox
Contacteer:

Re: Contact pagina W3C maken hoe?

Bericht door joept »

@nirwana,

Bedankt voor de bestanden. Misschien dat ik erover heen kijk. Maar ik zie nergens meer een E-mail adres staan.
Als ik dit dus online zet, kan niemand mij E-mailen. Wel zo rustig natuurlijk. :-)

Maar wat moet ik nou?



Joep
Filmpje over NVU (snelstart) een simpel filmpje met belangrijke basisvaardigheden. Zie:
http://forum.myblogsite.nl/phpBB3/viewt ... f=99&t=477
Gebruikersavatar
nirwana
Beheerder
Berichten: 11528
Lid geworden op: 19 september 2003, 5:09
    Windows 7 Firefox
Contacteer:

Re: Contact pagina W3C maken hoe?

Bericht door nirwana »

joept schreef:Als ik dit dus online zet, kan niemand mij E-mailen. Wel zo rustig natuurlijk. :-)

Maar wat moet ik nou?
Joep,

Volgens mij is het gewoon een kopie van de code van deze pagina: www.myblogsite.nl/contact.html
Maar dan zodat die wel valideert volgens de W3C.

Als je uit die pagina nu wel een mailtje krijgt dan zou deze aangepaste pagina ook wel moeten mailen. Al ben ik met je eens dat ik niet precies weet hoe dat werkt. In het formulier staat een lege action (action=""). Dus dan zou ik denken dat de pagina het resultaat naar zichzelf verstuurd. Maar volgens mij is die HTML-pagina zelf niet in staat om het resultaat te verwerken en een mail te versturen.

Heb je recent wel mailtjes vanuit dit formulier ontvangen ? Of ben je ergens vergeten om deze action voor het formulier aan te geven ?
Met vriendelijke groet,

Martijn
[ Mede-oprichter + webmaster MozBrowser | beheerder Startpagina's over freeware, GIMP, Mozilla en OpenOffice.org / LibreOffice, Ubuntu
Gebruikersavatar
nirwana
Beheerder
Berichten: 11528
Lid geworden op: 19 september 2003, 5:09
    Windows 7 Firefox
Contacteer:

Re: Contact pagina W3C maken hoe?

Bericht door nirwana »

Als ik het formulier instuur dan krijg ik wel de volgende tekst:
Uw bericht is succesvol verzonden, er word zo snel mogelijk gereageerd.

Met vriendelijke groeten,
Joep Tegelaar
Dan zou ik toch denken dat er wel iets is gebeurd.
Met vriendelijke groet,

Martijn
[ Mede-oprichter + webmaster MozBrowser | beheerder Startpagina's over freeware, GIMP, Mozilla en OpenOffice.org / LibreOffice, Ubuntu
Gebruikersavatar
joept
Berichten: 270
Lid geworden op: 9 maart 2008, 13:45
    Windows 7 Firefox
Contacteer:

Re: Contact pagina W3C maken hoe?

Bericht door joept »

Nou ik heb inderdaad een E-mail binnen: (De rust is voorbij. :-) )
Bericht:
TEST
Maar heb je dat gedaan via: http://www.mozbrowser.nl/web/mbs/contact.html
Of heb je dat bericht verstuurt via: http://www.myblogsite.nl/contact.html

Alvast bedankt voor het meedenken!
Filmpje over NVU (snelstart) een simpel filmpje met belangrijke basisvaardigheden. Zie:
http://forum.myblogsite.nl/phpBB3/viewt ... f=99&t=477
Plaats reactie