Hoi Rik,
Je kan in de pagina root/guestbook/index.php de link naar de stylesheets in de root
relatief opgeven met twee stippeltjes (om 1 map omhoog te gaan):
HTML:
<link rel="stylesheet" type="text/css" href="../main_css.css" />
<link rel="stylesheet" type="text/css" href="../layout.css" />
Je kan het ook doen door het
absolute pad op te geven, helemaal vanaf het begin:
HTML:
<link rel="stylesheet" type="text/css" href="http://www.rikbeernink.nl/main_css.css" />
<link rel="stylesheet" type="text/css" href="http://www.rikbeernink.nl/layout.css" />
Het laatste vind ik het makkelijkste: dan kan je op elke pagina, in welke map die ook zit, steeds dezelfde verwijzingen gebruiken (zowel op de gewone startpagina als op de pagina's in de submappen).
Maar er komt nog iets bij!
Hetzelfde moet je ook doen voor
alle andere verwijzingen naar bestanden op je site, zoals de images die in een eigen mapje zitten. Bv.:
HTML:
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />
en iets verderop
<img src="images/logotitle.png" />
gaan worden:
HTML:
<link rel="shortcut icon" type="image/x-icon" href="http://www.rikbeernink.nl/images/favicon.ico" />
en
<img src="http://www.rikbeernink.nl/images/logotitle.png" />
Ook het menu moet je even goed in de gaten houden, daar moeten er aanpassingen komen in paden naar de links, naar het image, en óók naar de images in de mouse-overs:
HTML:
<div class="div_menu">
<a href="index.php"><img
src="images/buttons/homebutton.png"
onmouseover="this.src='images/buttons/homebuttonmouseover.png';"
onmouseout="this.src='images/buttons/homebutton.png';" border=0 /></a>
<a href="info.php"><img
src="images/buttons/infobutton.png"
onmouseover="this.src='images/buttons/infobuttonmouseover.png';"
onmouseout="this.src='images/buttons/infobutton.png';" border=0 /></a>
<a href="guestbook.php"><img
src="images/buttons/gastenboekbutton.png"
onmouseover="this.src='images/buttons/gastenboekbuttonmouseover.png';"
onmouseout="this.src='images/buttons/gastenboekbutton.png';" border=0 /></a>
<a href="tutorials.php"><img
src="images/buttons/tutorialsbutton.png"
onmouseover="this.src='images/buttons/tutorialsbuttonmouseover.png';"
onmouseout="this.src='images/buttons/tutorialsbutton.png';" border=0 /></a>
<a href="links.php"><img
src="images/buttons/linksbutton.png"
onmouseover="this.src='images/buttons/linksbuttonmouseover.png';"
onmouseout="this.src='images/buttons/linksbutton.png';" border=0 /></a>
<a href="nieuwsbrief.php"><img
src="images/buttons/nieuwsbriefbutton.png"
onmouseover="this.src='images/buttons/nieuwsbriefbuttonmouseover.png';"
onmouseout="this.src='images/buttons/nieuwsbriefbutton.png';" border=0 /></a>
</div>
zal gaan worden:
HTML:
<div class="div_menu">
<a href="http://www.rikbeernink.nl/"><img
src="http://www.rikbeernink.nl/images/buttons/homebutton.png"
onmouseover="this.src='http://www.rikbeernink.nl/images/buttons/homebuttonmouseover.png';"
onmouseout="this.src='http://www.rikbeernink.nl/images/buttons/homebutton.png';" border=0 /></a>
<a href="http://www.rikbeernink.nl/info/"><img
src="http://www.rikbeernink.nl/images/buttons/infobutton.png"
onmouseover="this.src='http://www.rikbeernink.nl/images/buttons/infobuttonmouseover.png';"
onmouseout="this.src='http://www.rikbeernink.nl/images/buttons/infobutton.png';" border=0 /></a>
<a href="http://www.rikbeernink.nl/guestbook/"><img
src="http://www.rikbeernink.nl/images/buttons/gastenboekbutton.png"
onmouseover="this.src='http://www.rikbeernink.nl/images/buttons/gastenboekbuttonmouseover.png';"
onmouseout="this.src='http://www.rikbeernink.nl/images/buttons/gastenboekbutton.png';" border=0 /></a>
<a href="http://www.rikbeernink.nl/tutorials/"><img
src="http://www.rikbeernink.nl/images/buttons/tutorialsbutton.png"
onmouseover="this.src='http://www.rikbeernink.nl/images/buttons/tutorialsbuttonmouseover.png';"
onmouseout="this.src='http://www.rikbeernink.nl/images/buttons/tutorialsbutton.png';" border=0 /></a>
<a href="http://www.rikbeernink.nl/links/"><img
src="http://www.rikbeernink.nl/images/buttons/linksbutton.png"
onmouseover="this.src='http://www.rikbeernink.nl/images/buttons/linksbuttonmouseover.png';"
onmouseout="this.src='http://www.rikbeernink.nl/images/buttons/linksbutton.png';" border=0 /></a>
<a href="http://www.rikbeernink.nl/nieuwsbrief/"><img
src="http://www.rikbeernink.nl/images/buttons/nieuwsbriefbutton.png"
onmouseover="this.src='http://www.rikbeernink.nl/images/buttons/nieuwsbriefbuttonmouseover.png';"
onmouseout="this.src='http://www.rikbeernink.nl/images/buttons/nieuwsbriefbutton.png';" border=0 /></a>
</div>
Maar als ik jou was, zou ik eerst de html-codes in orde maken: met al die <head>'s en <body>'s weet je anders niet zeker wat er gaat gebeuren.
Met vriendelijke groet,
CSShunter
_____________
PS:
Hé-poppelepé! Het bestand
http://www.rikbeernink.nl/layout.css bestaat niet.
Die verwijzing kan dus vervallen!
