W3c validator zegt site niet goed!?

Status
Niet open voor verdere reacties.
S

snorretje

Gebruiker
Lid geworden
4 apr 2013
Berichten
23
pootjeo.pnggroen.pngpootjeo.pnggroen.pngpootjeo.pnggroen.pngBeste iedereen,

Ik heb een handig boek gekocht en daar staat in dat ik mijn site moest testen met w3c validater:thumb: maar nu komt het.

Ik dat dus gedaan en dan zegt hij 187 fouten en 4 waarschuwingen.

Dus heb ik een bolletje aangevinkt om de correcte code te krijgen.
Ik heb mijn code vervangen en toen stond alles door elkaar.
Wat moet ik nu doen?
Want ik wil wel dat icoontje!
Ik zal mijn code even doorgeven.
Code: 
[HTML]<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//w3C//DTD XHTML 1.1//EN"
"http://www.w3c.org/TR/xhtml11.dtd">

<html xmlns="http://www.w3c.org/1999/xhtml" xml:lang="nl">
<head>
<title>groen</title>
<style>
#menu {
  position: fixed;
  right: 0;
  top: 10%;
  width: 9em;
  margin-top: -2.5em;
}
#pootjeo {
  position: fixed;
  left: 0;
  top: 0%;
  width: 8em;
  margin-top: -2.5em;
}
a
{
color: white;
font-size: 9pt;
}
body
{
background-color: #7e9903
}
p
{
color: white;
}
h1
{
font-family: Comic Sans MS;
position: fixed;
left: 33%;
top: 5%;
color: white;
}
h2
{
font-family: Comic Sans MS;
color: white;
}
.animated_div
{
width:70px;
height:40px;
background:#7e9903;
color:#ffffff;
position:absolute;
font-weight:bold;
font-size:15px;
padding:10px;
float:left;
margin:5px;
-webkit-transition:-webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s,font-size 1s;
-webkit-border-radius:5px;
-o-transition-property:width,height,-o-transform,background,font-size,opacity;
-o-transition-duration:1s,1s,1s,1s,1s,1s;
-moz-transition-property:width,height,-o-transform,background,font-size,opacity;
-moz-transition-duration:1s,1s,1s,1s,1s,1s;
transition-property:width,height,transform,background,font-size,opacity;
transition-duration:1s,1s,1s,1s,1s,1s;
border-radius:5px;
opacity:0.4;
}

.animated_div:hover
{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
opacity:1;
background:#7e9903;
width:100px;
height:60px;
font-size:20px;
}
.animated_div2
{
width:40px;
height:42px;
background:transparent;
color:#ffffff;
position:absolute;
font-weight:bold;
font-size:15px;
padding:10px;
float:left;
margin:5px;
-webkit-transition:-webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s,font-size 1s;
-webkit-border-radius:5px;
-o-transition-property:width,height,-o-transform,background,font-size,opacity;
-o-transition-duration:1s,1s,1s,1s,1s,1s;
-moz-transition-property:width,height,-o-transform,background,font-size,opacity;
-moz-transition-duration:1s,1s,1s,1s,1s,1s;
transition-property:width,height,transform,background,font-size,opacity;
transition-duration:1s,1s,1s,1s,1s,1s;
border-radius:5px;
opacity:0.4;
}

.animated_div2:hover
{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
opacity:1;
background:transparent;
width:40px;
height:42px;
font-size:30px;
}
</style>
</head>
<body>
                            <!-- ###################  MENU  ################### -->
<ul id=menu>
<div style="height:70px;widht:100px;">
<div class="animated_div"><a href="test.html" title="Ga terug naar de startpagina.">Thuis<br /><span style="font-size:50%;">...</span></a></div>
</div>
<div style="height:70px;">
<div class="animated_div"><a href="test.html" title="Hier krijgt u informatie over ons.">Wie Zijn Wij<br /><span style="font-size:50%;">...</span></a></div>
</div>
<div style="height:70px;">
<div class="animated_div"><a href="test.html" title="Hier vindt u de verwachtte nestjes van onze honden. Het kan mogelijk zijn dat er geen nestjes verwacht worden.">Fokplannen<br /><span style="font-size:50%;">...</span><a>
</div>
</div>
<div style="height:70px;">
<div class="animated_div"><a href="test.html" title="Hier vindt u veel informatie over onze honden.">Onze Honden<br /><span style="font-size:50%;">...</span></a></div>
</div>
<div style="height:70px;">
<div class="animated_div"><a href="test.html" title="Hier kunt u de pups volgen wat ze meemaken tot de tijd dat ze eventueel bij u komen wonen.">Puppy dagboek<br /><span style="font-size:50%;">...</span></a></div>
</div>
<div style="height:70px;">
<div class="animated_div"><a href="test.html" title="Hier vindt u al onze contact gegevens.">Contact<br /><span style="font-size:50%;">...</span></a></div>
</div>
<div style="height:70px;">
<div class="animated_div"><a href="test.html" title="Hier vindt u altijd het aller laatste nieuws!">Nieuws<br /><span style="font-size:50%;">...</span></a></div>
</div>
<div style="height:70px;">
<div class="animated_div"><a href="test.html" title="Hier vindt u uitleg over de raseigenschappen.">Het Ras<br /><span style="font-size:50%;">...</span></a></div>
</div>
<div style="height:70px;">
<div class="animated_div"><a href="test.html" title="Hier vindt u zeer handige links.">Links<br /><span style="font-size:50%;">...</span></a></div>
</div>
</ul>
                            <!-- ###################  POOTJES  ################### -->
<ul id=pootjeo>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
</ul>
                            <!-- ###################  PAGINA  ################### -->
<center>
<table width="100%" height="100%" border="0">
<tr>
<td colspan="0" style="background-color:#0237E9;text-align:center;">
                            <!-- ###################  TITEL  ################### -->
<h1><center><img src="groen.png" alt="" width="40" height="42" /> The First Lady Hoeve <img src="groen.png" alt="" width="40" height="42" /></center></h1>
<br />
<br />
<br />
                            <!-- ###################  TEKST  ################### -->
<br />
<b><h2>Wie Zijn Wij</h2></b>
<p>
Wij zijn Pascal & Sandra Plate-Simons<br /> en wonen samen met onze 4 kinderen en Honden in het Belgisch-Limbugse Elen (Dilsen-Stokkem)
</p>
<p>
Onze eerste Golden retriever (Pippa) kochten we bij Karin Steenbreeker (Joy And Devotion) in februari 2012.<br />
En onze eerste Welsh Corgi Pembroke kochten we bij Jose van der Velden (van de brookhook) in oktober 2012
</p>
<p>
Vanaf dat moment zijn we helemaal weg van beide rassen!
</p>
<p>
Ondertussen ben ik gestart met de opleiding Hondenfokker om met de genoten kennis de raseigenschappen te kunnen waarborgen.<br />
Het spreekt voor zich dat we alleen gaan fokken met gezonde, lieve, goedgekeurde ouderdieren.
</p>
<p>
Onze honden leven bij ons in huis waar ook onze pups geboren worden en opgroeien.
</p>
<p>
*Bent u sportief, consequent, geduldig en vriendelijk van aard.<br />
*Houdt u van stofzuigen en dweilen<br />
*Kunt u de kosten van verzorging en goede voeding dragen.<br />
*Geeft u veel knuffels en kunt u van spelen geen genoeg krijgen<br />
<br />
En overweegt u de aanschaf van een Golden Retriever of een Welsh Corgi pembroke pup?<br />
Neem dan gerust contact met ons op.<br /><br /><br /><br /><br /><br /><br /><br />
</td>
</tr>
                            <!-- ###################  EIND TAGS  ################### -->
</table>
</center>
</body>
</html>
[/HTML]

(Dit is mijn eerste vraag die ik plaats dus het kan dat sommige dingen niet kloppen.)
(Ik weet niet of het moet maar ik zal afbeeldingen als bijlage toevoegen.)

HELP MIJ


SNORRETJE
 
Door de eerste regels te vervangen met onderstaande ben je al zo'n 150 fouten kwijt!

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

Denk er verder aan dat je id's en classes altijd omsluit met quotes, dus <ul id="menu">. De <ul> die voor het menu gebruikt heeft overigens geen enkele functie aangezien je er geen <li> in sluit. Maak van de <ul> tag een <div> tag en weer zullen er minder fouten zijn.
 
Dankje wel heel wat fouten weg ik heb er nog 4.
Is er iemand die dat nog weet optelossen?

Dit is de aangepaste versie

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl">
<head>
<title>groen</title>
<style type="text/css">
#menu {
  position: fixed;
  right: 0;
  top: 10%;
  width: 9em;
  margin-top: -2.5em;
}
#pootjeo {
  position: fixed;
  left: 0;
  top: 0%;
  width: 8em;
  margin-top: -2.5em;
}
a
{
color: white;
font-size: 9pt;
}
body
{
background-color: #7e9903
}
p
{
color: white;
}
h1
{
font-family: Comic Sans MS;
position: fixed;
left: 33%;
top: 5%;
color: white;
}
h2
{
font-family: Comic Sans MS;
color: white;
}
.animated_div
{
width:70px;
height:40px;
background:#7e9903;
color:#ffffff;
position:absolute;
font-weight:bold;
font-size:15px;
padding:10px;
float:left;
margin:5px;
-webkit-transition:-webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s,font-size 1s;
-webkit-border-radius:5px;
-o-transition-property:width,height,-o-transform,background,font-size,opacity;
-o-transition-duration:1s,1s,1s,1s,1s,1s;
-moz-transition-property:width,height,-o-transform,background,font-size,opacity;
-moz-transition-duration:1s,1s,1s,1s,1s,1s;
transition-property:width,height,transform,background,font-size,opacity;
transition-duration:1s,1s,1s,1s,1s,1s;
border-radius:5px;
opacity:0.4;
}

.animated_div:hover
{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
opacity:1;
background:#7e9903;
width:100px;
height:60px;
font-size:20px;
}
.animated_div2
{
width:40px;
height:42px;
background:transparent;
color:#ffffff;
position:absolute;
font-weight:bold;
font-size:15px;
padding:10px;
float:left;
margin:5px;
-webkit-transition:-webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s,font-size 1s;
-webkit-border-radius:5px;
-o-transition-property:width,height,-o-transform,background,font-size,opacity;
-o-transition-duration:1s,1s,1s,1s,1s,1s;
-moz-transition-property:width,height,-o-transform,background,font-size,opacity;
-moz-transition-duration:1s,1s,1s,1s,1s,1s;
transition-property:width,height,transform,background,font-size,opacity;
transition-duration:1s,1s,1s,1s,1s,1s;
border-radius:5px;
opacity:0.4;
}

.animated_div2:hover
{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
opacity:1;
background:transparent;
width:40px;
height:42px;
font-size:30px;
}
</style>
</head>
<body>
                            <!-- ###################  MENU  ################### -->
<div id="menu">
<div style="height:70px;widht:100px;">
<div class="animated_div"><a href="test.html" title="Ga terug naar de startpagina.">Thuis<br /><span style="font-size:50%;">...</span></a></div>
</div>
<div style="height:70px;">
<div class="animated_div"><a href="test.html" title="Hier krijgt u informatie over ons.">Wie Zijn Wij<br /><span style="font-size:50%;">...</span></a></div>
</div>
<div style="height:70px;">
<div class="animated_div"><a href="test.html" title="Hier vindt u de verwachtte nestjes van onze honden. Het kan mogelijk zijn dat er geen nestjes verwacht worden.">Fokplannen<br /><span style="font-size:50%;">...</span></a>
</div>
</div>
<div style="height:70px;">
<div class="animated_div"><a href="test.html" title="Hier vindt u veel informatie over onze honden.">Onze Honden<br /><span style="font-size:50%;">...</span></a></div>
</div>
<div style="height:70px;">
<div class="animated_div"><a href="test.html" title="Hier kunt u de pups volgen wat ze meemaken tot de tijd dat ze eventueel bij u komen wonen.">Puppy dagboek<br /><span style="font-size:50%;">...</span></a></div>
</div>
<div style="height:70px;">
<div class="animated_div"><a href="test.html" title="Hier vindt u al onze contact gegevens.">Contact<br /><span style="font-size:50%;">...</span></a></div>
</div>
<div style="height:70px;">
<div class="animated_div"><a href="test.html" title="Hier vindt u altijd het aller laatste nieuws!">Nieuws<br /><span style="font-size:50%;">...</span></a></div>
</div>
<div style="height:70px;">
<div class="animated_div"><a href="test.html" title="Hier vindt u uitleg over de raseigenschappen.">Het Ras<br /><span style="font-size:50%;">...</span></a></div>
</div>
<div style="height:70px;">
<div class="animated_div"><a href="test.html" title="Hier vindt u zeer handige links.">Links<br /><span style="font-size:50%;">...</span></a></div>
</div>
</div>
                            <!-- ###################  POOTJES  ################### -->
<div id="pootjeo">
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
</div>
                            <!-- ###################  PAGINA  ################### -->
<center>
<table width="100%" height="100%" border="0">
<tr>
<td colspan="0" style="background-color:#0237E9;text-align:center;">
                            <!-- ###################  TITEL  ################### -->
<h1><center><img src="groen.png" alt="" width="40" height="42" /> The First Lady Hoeve <img src="groen.png" alt="" width="40" height="42" /></center></h1>
<br />
<br />
<br />
                            <!-- ###################  TEKST  ################### -->
<br />
<b><h2>Wie Zijn Wij</h2></b>
<p>
Wij zijn Pascal &amp; Sandra Plate-Simons<br /> en wonen samen met onze 4 kinderen en Honden in het Belgisch-Limbugse Elen (Dilsen-Stokkem)
</p>
<p>
Onze eerste Golden retriever (Pippa) kochten we bij Karin Steenbreeker (Joy And Devotion) in februari 2012.<br />
En onze eerste Welsh Corgi Pembroke kochten we bij Jose van der Velden (van de brookhook) in oktober 2012
</p>
<p>
Vanaf dat moment zijn we helemaal weg van beide rassen!
</p>
<p>
Ondertussen ben ik gestart met de opleiding Hondenfokker om met de genoten kennis de raseigenschappen te kunnen waarborgen.<br />
Het spreekt voor zich dat we alleen gaan fokken met gezonde, lieve, goedgekeurde ouderdieren.
</p>
<p>
Onze honden leven bij ons in huis waar ook onze pups geboren worden en opgroeien.
</p>
<p>
*Bent u sportief, consequent, geduldig en vriendelijk van aard.<br />
*Houdt u van stofzuigen en dweilen<br />
*Kunt u de kosten van verzorging en goede voeding dragen.<br />
*Geeft u veel knuffels en kunt u van spelen geen genoeg krijgen<br />
<br />
En overweegt u de aanschaf van een Golden Retriever of een Welsh Corgi pembroke pup?<br />
Neem dan gerust contact met ons op.<br /><br /><br /><br /><br /><br /><br /><br />
</td>
</tr>
                            <!-- ###################  EIND TAGS  ################### -->
</table>
</center>
</body>
</html>
:d

Heel erg bedankt mister quick

Groetjes Snorretje
 
Laatst bewerkt:
Klopt niet zoveel van de opbouw van de pagina maar zo valideert ie wel:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl">
<head>
<title>groen</title>
<style type="text/css">
body{
margin:0;
padding:0;
background-color: #7e9903;
}

#menu{
  position: fixed;
  right: 0;
  top: 10%;
  width: 9em;
  margin-top: -2.5em;
}

#pootjeo {
  position: fixed;
  left: 0;
  top: 0%;
  width: 8em;
  margin-top: -2.5em;
}

a{
color: white;
font-size: 9pt;
}

p{
color: white;
}

h1{
font-family: Comic Sans MS;
text-align:center;
color: white;
}

h2{
font-family: Comic Sans MS;
color: white;
font-weight:bold;
}

.animated_div{
width:70px;
height:40px;
background:#7e9903;
color:#ffffff;
position:absolute;
font-weight:bold;
font-size:15px;
padding:10px;
float:left;
margin:5px;
-webkit-transition:-webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s,font-size 1s;
-webkit-border-radius:5px;
-o-transition-property:width,height,-o-transform,background,font-size,opacity;
-o-transition-duration:1s,1s,1s,1s,1s,1s;
-moz-transition-property:width,height,-o-transform,background,font-size,opacity;
-moz-transition-duration:1s,1s,1s,1s,1s,1s;
transition-property:width,height,transform,background,font-size,opacity;
transition-duration:1s,1s,1s,1s,1s,1s;
border-radius:5px;
opacity:0.4;
}

.animated_div:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
opacity:1;
background:#7e9903;
width:100px;
height:60px;
font-size:20px;
}
.animated_div2{
width:40px;
height:42px;
background:transparent;
color:#ffffff;
position:absolute;
font-weight:bold;
font-size:15px;
padding:10px;
float:left;
margin:5px;
-webkit-transition:-webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s,font-size 1s;
-webkit-border-radius:5px;
-o-transition-property:width,height,-o-transform,background,font-size,opacity;
-o-transition-duration:1s,1s,1s,1s,1s,1s;
-moz-transition-property:width,height,-o-transform,background,font-size,opacity;
-moz-transition-duration:1s,1s,1s,1s,1s,1s;
transition-property:width,height,transform,background,font-size,opacity;
transition-duration:1s,1s,1s,1s,1s,1s;
border-radius:5px;
opacity:0.4;
}
 
.animated_div2:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
opacity:1;
background:transparent;
width:40px;
height:42px;
font-size:30px;
}

.knop_tabel{
width:100%;
height:100%;
border:none;
}
</style>
</head>
<body>
                            <!-- ###################  MENU  ################### -->
<div id="menu">
<div style="height:70px;width:100px;">
<div class="animated_div"><a href="test.html" title="Ga terug naar de startpagina.">Thuis<br /><span style="font-size:50%;">...</span></a></div>
</div>
<div style="height:70px;">
<div class="animated_div"><a href="test.html" title="Hier krijgt u informatie over ons.">Wie Zijn Wij<br /><span style="font-size:50%;">...</span></a></div>
</div>
<div style="height:70px;">
<div class="animated_div"><a href="test.html" title="Hier vindt u de verwachtte nestjes van onze honden. Het kan mogelijk zijn dat er geen nestjes verwacht worden.">Fokplannen<br /><span style="font-size:50%;">...</span></a>
</div>
</div>
<div style="height:70px;">
<div class="animated_div"><a href="test.html" title="Hier vindt u veel informatie over onze honden.">Onze Honden<br /><span style="font-size:50%;">...</span></a></div>
</div>
<div style="height:70px;">
<div class="animated_div"><a href="test.html" title="Hier kunt u de pups volgen wat ze meemaken tot de tijd dat ze eventueel bij u komen wonen.">Puppy dagboek<br /><span style="font-size:50%;">...</span></a></div>
</div>
<div style="height:70px;">
<div class="animated_div"><a href="test.html" title="Hier vindt u al onze contact gegevens.">Contact<br /><span style="font-size:50%;">...</span></a></div>
</div>
<div style="height:70px;">
<div class="animated_div"><a href="test.html" title="Hier vindt u altijd het aller laatste nieuws!">Nieuws<br /><span style="font-size:50%;">...</span></a></div>
</div>
<div style="height:70px;">
<div class="animated_div"><a href="test.html" title="Hier vindt u uitleg over de raseigenschappen.">Het Ras<br /><span style="font-size:50%;">...</span></a></div>
</div>
<div style="height:70px;">
<div class="animated_div"><a href="test.html" title="Hier vindt u zeer handige links.">Links<br /><span style="font-size:50%;">...</span></a></div>
</div>
</div>
                            <!-- ###################  POOTJES  ################### -->
<div id="pootjeo">
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
<div style="height:70px;">
<div class="animated_div2"><img src="pootjeo.png" alt="" width="40" height="42" /></div>
</div>
</div>
                            <!-- ###################  PAGINA  ################### -->
<table class="knop_tabel">
<tr>
<td colspan="0" style="background-color:#0237E9;text-align:center;">
                            <!-- ###################  TITEL  ################### -->
<h1><img src="groen.png" alt="" width="40" height="42" /> The First Lady Hoeve <img src="groen.png" alt="" width="40" height="42" /></h1>
<br />
<br />
<br />
                            <!-- ###################  TEKST  ################### -->
<br />
<h2>Wie Zijn Wij</h2>
<p>
Wij zijn Pascal &amp; Sandra Plate-Simons<br /> en wonen samen met onze 4 kinderen en Honden in het Belgisch-Limbugse Elen (Dilsen-Stokkem)
</p>
<p>
Onze eerste Golden retriever (Pippa) kochten we bij Karin Steenbreeker (Joy And Devotion) in februari 2012.<br />
En onze eerste Welsh Corgi Pembroke kochten we bij Jose van der Velden (van de brookhook) in oktober 2012
</p>
<p>
Vanaf dat moment zijn we helemaal weg van beide rassen!
</p>
<p>
Ondertussen ben ik gestart met de opleiding Hondenfokker om met de genoten kennis de raseigenschappen te kunnen waarborgen.<br />
Het spreekt voor zich dat we alleen gaan fokken met gezonde, lieve, goedgekeurde ouderdieren.
</p>
<p>
Onze honden leven bij ons in huis waar ook onze pups geboren worden en opgroeien.
</p>
<p>
*Bent u sportief, consequent, geduldig en vriendelijk van aard.<br />
*Houdt u van stofzuigen en dweilen<br />
*Kunt u de kosten van verzorging en goede voeding dragen.<br />
*Geeft u veel knuffels en kunt u van spelen geen genoeg krijgen<br />
<br />
En overweegt u de aanschaf van een Golden Retriever of een Welsh Corgi pembroke pup?<br />
Neem dan gerust contact met ons op.</p><br /><br /><br /><br /><br />
</td>
</tr>
                           <!-- ###################  EIND TAGS  ################### -->
</table>
</body>
</html>
 
Gewoon groen.png en pootje0.png in dezelfde directory zetten
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan