Hoi Tim,
Aha. dan heb je nu ongeveer deze:
Lopen we
html-errors even langs.
Er staat een </head> terwijl de <head> nog niet klaar is. De uitleg staat hier in het tweede zinnetje: "For instance, in HTML the <head> element must contain a <title> child element".
Er zit inderdaad geen <title> element in, dus dat kan toegevoegd worden:
HTML:
<head>
<title>Floating: timmel testpagina</title>
<style type="text/css">
... enz.
Dit is de titel die helemaal bovenaan in de browserbalk komt te staan, en ook op de tabbladen vermeld wordt.
Er moet in de <head> staan, welke "charset" = "(letter)karakterset" gebruikt moet worden. Bv. voor talen die van rechts naar links geschreven moeten worden, of talen die geen spaties tussen de lettertekens of woorden kennen, enz. Als het chinees zou zijn, moet de browser wel weten hoe dat geïnterpreteerd moet worden!
In ons geval kiezen voor het universele "UTF-8", met het regeltje:
HTML:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Floating: timmel testpagina</title>
<style type="text/css">
... enz.
Dit regeltje moet
altijd als eerste regel in de <head> staan: het zijn de spelregels voor alles wat erna gaat komen.
De eigenschap "align" met de waarde "center" bestaat niet. dat kan kloppen, want dit is achterhaalde en afgekeurde html (aldus verklaarde w3c al in december 1999).
Deze hele eigenschap moet er dus uit. Om tekst in een blok te centreren, kan je een css-class .center maken:
Code:
.center {
text-align: center;
}
Maar in dit geval staat het centreren al opgenomen in de class="menu1" (als je daar even "te
kst-align: center;" verandert in "te
xt-align: center;".
Er is een eind-tag </div> weggelaten, maar dat mag niet.
Even kijken ... klopt, de <div id="foot"> wordt inderdaad wel begonnen maar niet afgesloten. Er hoort dus vlak voor de </body> nog een </div> bij.
Verder gebruikt bijna iedereen de tags <html> en </html> om alles van een html-pagina heen. Het is officieel niet verplicht, maar wel zo mooi, en kan ook handig zijn voor de css (bv. om er een background-image aan op te hangen).
Dan wordt het begin:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html><!-- erbij -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><!-- erbij -->
<title>Floating: timmel testpagina</title><!-- erbij -->
<style type="text/css">
... enz.
en het eind:
HTML:
</body>
</html><!-- erbij -->
Tenslotte zitten er gaten (spaties) in een aantal links, wat eigenlijk ook niet mag (de html-validator slaat daar niet op aan, maar bv.
html-Tidy [erg handige Firefox-plugin] wel).
Voor een goede URL-code moeten spaties aangegeven worden met %20, maar dat maakt links erg onleesbaar. Beter kan je voor mapnamen en bestandsnamen streepjes - of onderstreepjes _ gebruiken om woorden leesbaar te houden. Of kleine letters gebruiken (sowieso aan te bevelen) en het nieuwe woord met een hoofdletter beginnen. Bv.:
HTML:
<a href="new Release.html">New Release</a><!-- fout -->
<a href="new%20Release.html">New Release</a><!-- goed als die pagina als "new Release.html" op de server staat -->
maar beter is:
HTML:
<a href="new-release.html">New Release</a>
of:
<a href="new_release.html">New Release</a>
of:
<a href="newRelease.html">New Release</a>
(dan moet je dus ook even de bestandsnamen aanpassen)
Maar ... het bovenstaande is wel heel erg
basic...
Als ik jou was, zou ik niet meteen een redelijk ingewikkelde pagina willen maken, maar rustig aan beginnen (met veel lezen en voorbeelden nabouwen). Vooral alles van boven naar beneden opbouwen, en elke fout meteen bij de lurven pakken, zodat die niet later op onverklaarbare manier in de weg kan zitten. Zie bv.
Golden Rules of CSS.
Aan te bevelen:
www.web-garden.be/cursus-html/cursus-html/
Met vriendelijke groet,
CSShunter
mja.
