Hoi Winnie,
Hm, Dreamweaver moet je voortdurend in de gaten houden... Eerst even de
49 html-errors en 23 warnings wegwerken.
- Tip: De html-errors altijd van boven naar beneden corrigeren.
Achtergrond: soms brengen eerdere fouten verderop vervolgfouten met zich mee, die als sneeuw voor de zon verdwijnen als de eerste fout is weggewerkt.
=======
1. Dreamweaver-error!
Voor het preloaden en wisselen van hover-images gebruikt Dreamweaver een javascript in de <head>. Je kunt hover-images beter met css regelen, maar goed: Dreamweaver vergeet iets. Als je javascript rechtstreeks in de html zet, moet je aangeven dat het in het script om z.g.
character data (CDATA = "letterteken-gegevens") gaat, en niet om uitvoerbare html-code. In de browsers werkt het wel, maar de html-validator struikelt er over.
Om het te verhelpen zet je als eerste binnen het javascript:
[JS]<script type="text/javascript">
//<![CDATA[
...
enz.[/JS]
En als laatste het eind ervan:
[JS]...
//]]>
</script>[/JS]
=======
2. "OMITTAG NO"
Daarmee bedoelt de html-validator dat een element zonder eigen eind-tag
</...> een afsluit-slash op het eind van de tag zelf moet hebben:
<.... />.
Dat geldt voor de meta-aanroep van het css-bestand (regel 41) en voor de <br>'s (regel 104, 106, 108, 110, 112); die worden:
HTML:
<link rel="stylesheet" type="text/css" href="CSS/opmaak.css" />
...
<br />
=======
3. required attribute "type" not specified
Bij het binnenhalen van een javascript moet er altijd bij gezet worden dat het soort bestand javascript is: type="javascript" (ook al eindigt de bestandsnaam op .js).
Dat geldt voor de
jquery.min.js (regel 60); de andere waren al in orde; het wordt:
HTML:
...
<script type='text/javascript' src="http://ajax.googleapis.com/ajax/libs/jquery/1.2/jquery.min.js"></script>
...
=======
4. an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified
Die
attribute value literal ("letterlijke eigenschap-waarde") betekent dat de waarde van een eigenschap altijd tussen aanhalingstekens moet staan (enkele of dubbele: dat maakt niet uit, als maar dezelfde soort voor begin en eind wordt gebruikt).
Dat geldt voor de
<table id=table1 ... (regel 65), de
<div id=welcome> (regel 93) en de
<div id=member> (regel 117). Dat worden:
HTML:
...
<table id="table1" ...
...
<div id="welcome">
...
<div id="member">
...
=======
5. required attribute "alt" not specified
Alle img-elementen horen de verplichte
alt="..." eigenschap te hebben. Als een image geen alternatieve tekst nodig heeft, bv als het om een puur decoratieve grafische afbeelding gaat, moet er toch een
alt bij komen, maar dan een "lege alt":
alt=""
- Weer niet zo mooi dat Dreamweaver dat niet automatisch doet!
Het geldt voor een heel rijtje images, te beginnen met die op regel 67. Dat wordt:
HTML:
...
<img src="images/kop_badfsite.jpg" width="1024" height="246" alt="" />
...
enz.
=======
6. character "&" is the first character of a delimiter but occurred as data
Het letterteken "&" is in html-code een gereserveerd letterteken: het is het eerste teken van een
delimiter (= "begrenzingsteken"), en mag niet los gebruikt worden.
- Zo'n delimiter begint altijd met een "&" en eindigt altijd met een ";". Wat er tussen die twee staat, is een speciale code om bepaalde lettertekens of symbolen op te roepen die niet in het gewone alfabet zitten. Bijvoorbeeld: © plaatst het copyright-teken ©, een • geeft een stip midden in een regel, enz.
Als je toch een los &-teken nodig hebt, moet dat in de html-code komen als
&
- De eerste & hierin maakt het een delimiter, de amp is de afkorting van "ampersand" (= de Engelse naam voor het &-teken), en de ; is de afsluiting van de delimiter.
Op de pagina staat de losse & in de title van de link naar het alfacentrum (regel 125), en het moet worden:
HTML:
... title="Alfa Centrum voor Hulp- & Geleidehonden" ...
- Dan wordt het deze: badf-corr6.htm
- Schoon!
(De waarschuwing was een vervolgfout, en is meteen verdwenen)
=======
Helemaal mooi?
Het is nu valid
xhtml1.0-transitional, maar beter is het om een
xhml1.0-strict Doctype te gebruiken: dat sluit direct aan bij de standaarden.
Zet je er een Strict Doctype boven, dan blijken er toch nog
14 Errors en 1 warning in te zitten.
- Het Strict-Doctype is minder toegeeflijk dan het Transitional-Doctype.
- Nu komt er uit dat er Verboden Voorwerpen als bv. bgcolor="#1f2353", align="center" en <font color="#ffffff"> in zitten.
- Dat zijn opmaak-eigenschappen die niet in de html thuishoren, maar eigenlijk via de ccs geregeld horen te worden.
=======
Nu nog een klein probleempje 
Dat valt op te lossen door de <td> waar table2 in zit een id te geven, bv. <td="table2cel">, en deze dan in de css een
padding (opvulling) boven en beneden te geven, bv.:
Code:
#table2cel {
padding: 10px 0;
}
Zo kan je pixel-precies de afstand even groot maken als op de andere pagina. Mooi hè, css?
Met vriendelijke groet,
CSShunter
) uitgehaald 
