Server Side Include (SSI) werkt nietHey, ik heb een vraagje over het gebruiken van een SSI. Ik probeer het navigatiemenu in de linkertabel te herhalen op elke page. Het komt erop neer dat ik alles goed lijk te doen (naar wat er op internet staat), maar toch krijg ik het niet aan de praat. Ik bekijk mijn pages tot nog toe steeds offline in de browser. Ik heb alles al geprobeerd op te slaan in .html/.shtml/.txt in verschillende combinaties.
Dit wil ik zien:
Dit zie ik:![ditzieik.jpg]()
En dit zijn de codes:
lesinhoud.shtmlquote:
<!--START TAGS-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--CHARSET-->
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
<!--TITLE-->
<title>TITLE</title>
<!--STYLE SHEET REFERRAL-->
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
</head>
<body>
<table cellspacing="0" cellpadding="0">
<!--HEADER-->
<tr><td colspan="2"><img src="images/header.png" alt="Header" width="1024" height="200" /></td></tr>
<!--NAVIGATION MENU-->
<tr>
<td class="TD1" align="center">
<!--#include virtual="/includes/menu.html" -->
</td>
<!--CONTENTS-->
<td class="TD2"><h2>Kop 2</h2>
<p class="maintext">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.
<br/><br/>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.
</p>
</td>
</tr>
<!--END TAGS-->
</table>
</body>
</html>
menu.htmlquote:
<div class="space1"></div>
<a href="index.html"><img src="images/knopindex.png" alt="Startpagina" width="125" height="40" style="margin:3px 0px 3px 0px"
onmouseover="this.src='images/knopindexhover.png'"
onmouseout="this.src='images/knopindex.png'" /></a>
<a href="lesinhoud.html"><img src="images/knoplesinhoud.png" alt="Lesinhoud" width="125" height="40" style="margin:3px 0px 3px 0px"
onmouseover="this.src='images/knoplesinhoudhover.png'"
onmouseout="this.src='images/knoplesinhoud.png'" /></a>
<a href="oefenen.html"><img src="images/knopoefenen.png" alt="Oefenen" width="125" height="40" style="margin:3px 0px 3px 0px"
onmouseover="this.src='images/knopoefenenhover.png'"
onmouseout="this.src='images/knopoefenen.png'" /></a>
<a href="toets.html"><img src="images/knoptoets.png" alt="Toets" width="125" height="40" style="margin:3px 0px 3px 0px"
onmouseover="this.src='images/knoptoetshover.png'"
onmouseout="this.src='images/knoptoets.png'" /></a>
<a href="links.html"><img src="images/knoplinks.png" alt="Links" width="125" height="40" style="margin:3px 0px 3px 0px"
onmouseover="this.src='images/knoplinkshover.png'"
onmouseout="this.src='images/knoplinks.png'" /></a>
En voor wie de stylesheet wil zien:quote:
body{background-color:#E5E5E5;}
Table{width:1024px; margin-left:auto; margin-right:auto; border-collapse: collapse; background-color:#EADFB2;
-moz-box-shadow: 6px 6px 6px #888888;
-webkit-box-shadow: 6px 6px 6px #888888;
box-shadow: 6px 6px 6px #888888;}
td.TD1 {width:200px; height:568px; background-color:#0F0C08; vertical-align:top;}
td.TD2 {width:824px; height:568px; background-color:#EADFB2; vertical-align:top;}
h2 {text-align:center; margin-top:5%;}
img {border-style: none;}
p.maintext {padding-left:10%; padding-right:10%; padding-bottom:10%; font-family:"Georgia", Times New Roman, serif;}
div.space1 {margin-top: 35%;}
img.floatRight {float: right; margin-bottom: 50px;}