Die html en css op je site is prima, hoeft niet hier. Dat is zelfs veel makkelijker.
Als je je css valideert, zie je 'n fout op regel 72 (regelnummer kan iets afwijken). Daar heb je {text-align: center;} met acolades en al binnen 'n andere selector gezet.
Als je css even wilt uitschakelen, maak je er commentaar van door 't even tussen /* en */ te zetten:
Code:
/* text-align: center; */
Van de validator:
Line 5, Column 198: NET-enabling start-tag requires SHORTTAG YES
…ockey,Drive in show,Tirol,Oostenrijk,Boekingen,Sneeuw,Schuim party,Ambiance" />
is de idiote manier waarop techneuten je vertellen dat de / voor > weg moet. Die hoort bij het doctype xhtm
Als je nou echter gelijk daaronder kijkt, zie je nog 'n fout op regel 5 column 199, dus gelijk naast bovenstaande. En daar staat bij de suggestie om 't verbeteren o.a.
using XHTML-style self-closing tags (such as <meta ... />) in HTML 4.01 or earlier. To fix, remove the extra slash ('/')
Dus vaak staat de oplossing ook bij de validator, maar helaas vaak heel onduidelijk geschreven. Haal die / weg en je bent 'n fout kwijt.
<script language="javascript"> en alle variaties daarop zijn verouderd. Dat moet zijn:
HTML:
<script type="text/javascript">
Heb ik vorige keer over 't hoofd gezien.
Die regel met tiptitle kun je veranderen in:
[JS]var tiptitle='<b style="color:#990033"> Tip van de dag: <\/b>'[/JS]
Nu ben je de verouderde <font> kwijt.
Voor de /b> staat 'n \. Hiermee voorkom je dat de validator dit als </b> ziet en begint te mekkeren dat 't verkeerd is. (Dit heb ik ook pas net geleerd
)
BORDER="0" op regel 202 (ongeveer) kan weg. Standaard is er geen border om 'n <img>, en anders haal je die weg in de css.
Die hele <IMG van stealth moet in 'n <p>. Je mag niet zomaar 'in 't wild' ergens 'n <img neergooien. Je kunt er dit van maken:
HTML:
<NOSCRIPT>
<p id="stealth">
<IMG SRC="http://www.stealth.nl/usr/stealth.gif?name=ebosmanne0" ALT="Stealth rapport van ebosmanne0" WIDTH="1" HEIGHT="1">
</p>
</NOSCRIPT>
En dan in de css:
'n <p> heeft van zichzelf boven en onder marges. Door die weg te halen voorkom je 'n storende werking op de rest van de lay-out.
En toen zat er nog maar 1 fout in
Terzijde: bij je font-family moet sans-serif achteraan. 't Wordt afgewerkt in de volgorde waarin 't staat. En omdat er op elke computer wel sans-serif zit, worden de laatste twee lettersoorten nooit bereikt.
De laatste fout: er mist 'n <./div> voor 't einde, dus gelijk voor </body>
Om dat soort fouten te voorkomen is 't heel belangrijk om je code te laten inspringen en weer terug te laten komen. Zo zie je heel snel of en waar er ergens bijv. 'n </div> mist. Overigens geeft de validator 'n suggestie op welke regel de begin div (of <p> of wat dan ook staat), en die is verrassend vaak goed.
HTML:
<div>
<div>
<p></p>
<p></p>
</div>
<div>
<div>
</div>
</div>
</div>
De kleur van de tips kun je gewoon aanpassen in div#tip:
Nu wordt alles in die div blauw, dus ook de tips. Behalve de titel, want die heeft in de JavaScript zelf 'n andere kleur gekregen, en die kleur 'wint'.
Het laatste. Hoe je die <h1> aanpast.
Om te beginnen kan <div id="koptitel"> gewoon weg, en de </div> achter </h1> dus ook. 'n div is leeg en alleen bedoeld om de inhoud op 'n bepaalde plaats neer te kunnen zetten, te kleuren, enz. Maar dat kun je ook rechtstreeks met de <h1>, dus hier is 't overbodig.
div#koptitel in de css wordt dus gewoon <h1>
Eventueel <h1 id="home"> en dan in de css h1#home
Nu kun je gewoon de lettergrootte enz. bij de <h1> opgeven, net als bij 'n div of wat dan ook.
bijvoorbeeld. Als eenheid em, zodat ook gebruikers van Internet Explorer de lettergrootte kunnen aanpassen als ze slecht zien en zo.
Op deze manier kun je de <h1> precies maken zoals je zelf wilt. Maar 'n zoekmachine, spraakbrowsers, enz. letten niet op de lettergrootte of de kleurtjes, die zien alleen 'n <h1> en denken nog steeds: "Hé, <h1>, belangrijke tekst dus!"
huh??? wat moet ik hiermee ??? 
)
) maar goed. het is gelukt. en heb de site geupload, en gevalideert. 
