In de broncode van de
http://ict-jv.nl/index.htm staat op regel 16:
HTML:
<link href="../styles/style2.css" rel="stylesheet" type="text/css" />
D.w.z. om het stylesheet op de server te vinden, moet de server eerst 1 mapje omhoog (
../), en dan via het mapje "styles" het bestandje style2.css daaruit aanhaken.
Maar ... de index.htm staat in de "root" (het nulniveau) van de server, en van daar uit kan je helemaal geen mapje omhoog!
- Omdat de pagina zich vanaf de server wel goed vertoont (met achtergrond en andere opmaak en al), kan geconcludeerd worden dat de server kennelijk zo vriendelijk is te vergeten dat hij/zij een mapje omhoog moet. De server pakt het bestand toch, alsof er stond:
HTML:
<link href="styles/style2.css" rel="stylesheet" type="text/css" />
Want dat is waar het stylesheet in het echt staat.
- Als je hetzelfde lokaal wilt doen, dan corrigeert de browser (resp. het operating system, c.q. de Verkenner) dit "te hoge mapje" echter niet.
Stel dat je de bestanden lokaal hebt opgeslagen in een map "Mijn documenten/Mijn websites/", dan zitten daaronder:
- Mijn documenten/Mijn websites/index.htm (de homepage)
- Mijn documenten/Mijn websites/... (de andere pagina's)
- Mijn documenten/Mijn websites/images/... (het mapje images met inhoud)
- Mijn documenten/Mijn websites/styles/... (het mapje styles met inhoud)
Als je de pagina index.htm lokaal opent, kan die pagina
wel een mapje omhoog (van "Mijn websites" naar "Mijn documenten"), en dat gebeurt dan ook. Van daar uit begint volgens regel 16 de afdaling naar het mapje "styles". Het stylesheet wordt dus gezocht in:
- Mijn documenten/styles/style2.css
En ja, daar staat het natuurlijk niet!
Dus geen opmaak volgens style2.css, en de browser gaat onverrichter zake door met wat ie wel kan vinden: de tekst in de html-code.
De oplossing is om regel 16 te veranderen in:
HTML:
<link href="styles/style2.css" rel="stylesheet" type="text/css" />
Niet alleen in de index.htm, maar ook op de andere pagina's.
Dan zou het goed moeten gaan.

En daarna even de pagina's met de goede code ook uploaden naar de server, dan staat alles daar meteen ook goed. - Na even checken met de html-validator en de css-validator, want er zitten nog wat foutjes in.
Met vriendelijke groet,
CSShunter