html menu vanuit ander bestand openen

Status
Niet open voor verdere reacties.
S

Syphera

Gebruiker
Lid geworden
19 jan 2004
Berichten
189
Ik ben bezig met het bouwen van een website in HTML.

Nu heb ik in elk html bestand dit staan als menu:

<div id="menu">
<ul>
<li class="current_page_item"><a href="index.html">Home</a></li>
<li><a href="blabla.html">Blabla</a></li>
<li><a href="aan.html">Aan</a></li>
<li><a href="rechts.html">Rechts</a></li>
<li><a href="links.html">Links</a></li>
<li><a href="faq.html">F.A.Q.</a></li>
<li><a href="nieuws.html">Nieuws</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>

Echter kost dit veel onderhoud als ik voor de vele pagina's die ik heb steeds alle bestanden moet aanpassen als er iets in het menu wijzigt.

Kan dit niet gemakkelijker door bijvoorbeeld 1 html bestand te maken waarin je je menu beschrijft en dit bestand steeds aanroepen vanuit de verschillende html bestanden. zodoende hoef ik alleen het menu bestand aan te passen als er iets wijzigt.

In de style sheet staat dit m.b.t. het menu:

/* Menu */

#menu {
width: 960px;
height: 41px;
margin: 0 auto;
padding: 0;
background: url(images/img01.jpg) no-repeat left top;
}

#menu ul {
margin: 0px 0px 0px 10px;
padding: 0;
list-style: none;
line-height: normal;
}

#menu li {
float: left;
}

#menu a {
display: block;
height: 26px;
margin-bottom: 10px;
padding: 10px 20px 0px 20px;
text-decoration: none;
text-align: center;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
border: none;
}

#menu a:hover, #menu .current_page_item a {
text-decoration: none;
}

#menu .current_page_item a {
color: #FFFFFF;
}

Graag jullie hulp hierin.
 
Laatst bewerkt:
Een iframe gebruiken is een optie, het is uiteraard niet de beste optie. Je zou ook kunnen kijken naar php include.
 
Maak een bestand zoals menu.html en plaats daar het menu in, en dan voeg je de onderstaande code toe in een pagina, dit zorgt ervoor dat het menu als een venster op het scherm komt.

Code: 
<iframe src="menu.html"></iframe>
 
Dat heb ik geprobeerd.
Echter bij het openen van de pagina zie ik het menu wel, maar als ik op een link klik in het menu, dan gaat het goed mis, want het hele menu is dan verdwenen.
 
om ff wat duidelijkhied te scheppen iframes gebruiken wij tegenwoordig niet meer
tegenwoordig gebruiken wij php waarom
html5 is ander manier van html hier kun php codes gebruiken
om je goede bassis mee e geven
PHP: 
<!DOCTYPE html>
<html>
<head>
	<title>  vul   hier  je  website  titel  in </title>

?>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	//vul  hier  onder in css  file waar  die  staat 
	<link href="css/nieuw.css" rel="stylesheet" type="text/css">

	
</head>

<body>
jong  geleerd is  oud  gedaan 
  om    php   codes  uit  te  voeren 
 doei het   volgende
<?php
//  verwijst  je   menu  pagina   naar  bla  bla 
include 'mapnaam/menu..php';

om  op  andere manier   te doen  is  in  div 
?>

<div>
<?php
//  verwijst  je   menu  pagina   naar  bla  bla 
include 'mapnaam/menu..php';
?>

</body>

</html>

is nu belangrijk om je pagina op te slaan als index.php als aan pagina begint bijvoorbeeld aparte menu dus je maakt het menu een keer
noem deze dan menu.php

als 2de pagina maakt op website
hoef je alleen de code
PHP: 
<?php

include 'mapnaam/menu..php';

?>
te gebruiken
simpel maar werkt wel dit kun je ook doen voor je banner kop (meestal de bovenkant kan ook menu gemaakt worden )
footer de (onderkant)

simpel kind ken de was doen

!!!!!!!Belangrijk!!!!!!!!!!
php je je niet rechtstreeks bekijken op je pc zonder ergens naar toe geupload te hebben als documenten op lokale pc
waarvoor moet geupload zijn om toch snel te kunnen zien wat je doet heb diverse tools in omloop
denkten aan usbwebserver nog gratis ook en k un je interne ip gebruiken op die pagina te benaderen
als documenten netjes in root zet door het interne ip van je pc te gebruiken voorbeeld http://192.168.2.11
als nog vragen zijn of nog lesje wil hebben hoor wel zit vaak ook in chatbox van helpmij
 
Hallo ciske,

Dank voor je uitgebreide uitleg.
Zal dit vanavond eens uitproberen.

Hopelijk kom ik eruit, anders probeer ik je op de chat te benaderen.
 
foutje heb de div niet afgesloten
regel 25 26 27 28 29
moet een regel bij het dit </div>
 
Dag Ciske

Afgelopen weekend heb ik helaas niets kunnen doen aan de website.
Ben er nu mee bezig en heb dit in mijn index.php staan:

<div id="menu">
<?php
include 'menu.php';
?>
</div>
<!-- end #menu -->

En in mijn menu.php staat dit:

<html>
<body>
<ul>
<li class="current_page_item"><a href="index.html">Home</a></li>
<li><a href="blabla.html">Blabla</a></li>
<li><a href="aan.html">Aan</a></li>
<li><a href="rechts.html">Rechts</a></li>
<li><a href="links.html">Links</a></li>
<li><a href="faq.html">F.A.Q.</a></li>
<li><a href="nieuws.html">Nieuws</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</body>
</html>

Als ik nu index.php open in een viewer, dan werkt het, maar druk ik op home, dan verdwijnt het gehele menu.
De andere menu kopjes werken nog wel omdat deze nog steeds in html geschreven zijn.

Wat doe ik fout?
 
ik zie de fout al in de link staat index.html en dat moet index.php zijn
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan