Site met layout

Status
Niet open voor verdere reacties.

XXlerator

Gebruiker
Lid geworden
25 mei 2004
Berichten
505
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<style type="text/css">
<!--
.style1 {
font-size: 36px;
font-weight: bold;
color: white;
}
.style6 {font-size: 10px}
.style7 {
color: green;
font-weight: bold;
}
.style9 {
font-size: 18px;
color: Green;
font-weight: bold;
}
.style10 {
font-size: 18px;
font-weight: bold;
color: Orange;
}
a:link {
color: Orange;
}
a:hover {
color: Blue;
}
-->
</style>
</head>

<body>
<div id="Layer1" style="position:absolute; left:245px; top:26px; width:488px; height:45px; z-index:1; background-color: green; layer-background-color: green; border: 1px none #000000;">
<div align="center" class="style1">Indian Restaurant Mantra </div>
</div>
<div id="Layer2" style="position:absolute; left:201px; top:72px; width:628px; height:530px; z-index:2; background-color: green; layer-background-color: green; border: 1px none #000000;">
<div align="center"></div>
</div>
<div id="Layer3" style="position:absolute; left:92px; top:72px; width:105px; height:530px; z-index:3; background-color: green; layer-background-color: green; border: 1px none #000000;">
<div align="center" class="style10">
<p>&nbsp;</p>
<p><A href="home.html" target=_top>Home </A><BR>
<A href="buffet.html"
target=mainFrame>buffet </A><BR>
<A href="menu.html" target=mainFrame>Menukaart </A><BR>
<A href="acties.html" target=mainFrame>Acties </A><BR>
<A
href="foto.html" target=mainFrame>Foto's </A><BR>
<A href="doel.html"
target=mainFrame>Doel </A><BR>
<A href="locatie.html" target=mainFrame>Locatie </A><BR>
<A href="contact.html" target=mainFrame>Contact </A><BR>
<A
href="gastenboek.html" target=mainFrame>Gastenboek </A><BR>
<A href="links.html"
target=mainFrame>Links</A><BR>
</p>
</div>
</div>
<div id="Layer4" class="style6" style="position:absolute; left:100px; top:548px; width:93px; height:41px; z-index:4; background-color: orange; layer-background-color: orange; border: 1px none #000000;">
<div align="center" class="style7">Indian Restaurant Mantra Janslangstraat14/15 6811GG Arnhem </div>
</div>
<div id="Layer5" style="position:absolute; left:326px; top:575px; width:399px; height:23px; z-index:5; background-color: orange; layer-background-color: orange; border: 1px none #000000;">
<P align=center class="style9">Openingstijden: Di t/m&nbsp; Zo&nbsp; 1700-2230uur.</P>
</div>
</body>
</html>

Hier staan links tussen en die moeten in de middelste layout komen als je der op klikt maar ik krijg het niet voor elkaar :S kan iemand mij hiermee helpen ?
 
Je omschrijving is een beetje vaag. Maar ik denk dat als je links op 'home' 'buffet' enz. klikt dat dit geopent moet worden in het veld aan de rechterkant?

Edit: Plak dit op de plek waar je de pagina`s geopent wil hebben:
<iframe src="paginas/home.html" name="mainFrame" width="510" height="355" scrolling="auto" frameborder="0"></iframe>

Uiteraard wel even aanpassen naar eigen wens.
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan