Html Seite in html automatisch öffnen

Moin,

ich erstelle gerade eine neue Homepage. Ich finde es müßig, wenn man am Menü etwas ändert, dann muss man es auf allen Seiten machen. Ich habe aus dem Menü eine „menue.html“ seite erstellt und möchte diese gerne in einer html Seite automatisch öffnen lassen. So brauche ich nur an einer Stelle etwas ändern. Geht das?

Codeausschnitt von menue.html:

<html>

<head>
<meta http-equiv=„Content-Type“ content=„text/html; charset=windows-1252“>
<title>Home</title>
</head>

<body>
<div align=„center“>

<table border=„0“ width=„800“ cellspacing=„0“ cellpadding=„0“ bgcolor="#C8D1DB">
<div id=‚cssmenu‘>
<ul>
<li><a href=’#’><span>Home</span></a></li>

<li class=‚active has-sub‘><a href=’#’><span>Verein</span></a>
<ul>
<li class=‚has-sub‘><a href=’#’><span>Der Vorstand</span></a></li>
<li class=‚has-sub‘><a href=’#’><span>Geschichte</span></a></li>
<li class=‚has-sub‘><a href=’#’><span>Vereinssatzung</span></a></li>
<li class=‚has-sub‘><a href=’#’><span>Buerozeiten</span></a></li>
<li class=‚has-sub‘><a href=’#’><span>Beitraege</span></a></li>
<li class=‚has-sub‘><a href=’#’><span>Stellenangebote</span></a></li>
<li class=‚has-sub‘><a href=’#’><span>Termine</span></a></li>
</ul>
</li>

und hier eine html Seite, wo ich es einbinden möchte:

<!doctype html>
<html lang=’’>
<head>
<meta charset=‚utf-8‘>
<meta http-equiv=„X-UA-Compatible“ content=„IE=edge“>
<meta name=„viewport“ content=„width=device-width, initial-scale=1“>
<link rel=„stylesheet“ href="…/TuS-Web_neu/styles.css">
<script src=„http://code.jquery.com/jquery-latest.min.js“ type=„text/javascript“></script>
<title>Vorstand</title>
</head>
<body>

<table border=„0“ width=„800“ height=„150“ cellspacing=„0“ cellpadding=„0“>
<tr>
<!-- Die Position der einzelnen Grafiken im Kopfbereich festgelegen -->
<div style=„position:absolute; top: 3px; left: 25px;“>
<img border=„0“ src=„images/wappen1.png“ width=„144“ height=„144“>
</div>
<div style=„position:absolute; top: 36px; left: 230px;“>
<img border=„0“ src=„images/index11.png“ width=„492“ height=„80“><a href="/" border=„0“>
</div>
<div style=„position:absolute; top: 90px; left: 735px;“>
<img border=„0“ src=„images/index12.png“ width=„350“ height=„30“><a href="/" border=„0“>
</div>
</tr>
</table>

<p align=„center“><a href=„menue.html“></a></p>

<table border=„0“ width=„800“ height=„50“ cellspacing=„0“ cellpadding=„0“>
<tr>
<!-- CONTENTAUSGABE -->

Hai, rasi,

die einfachste Methode ist wohl ssi - Server-Side-Includes (siehe http://wiki.selfhtml.org/wiki/Webserver/SSI )

Prüfe zunächst, ob dein Provider SSI anbietet.

Ändere die Dateinamen von .html nach .shtm (Menue-Links anpassen nicht vergessen)

Schreibe das Menue in eine eigene Datei, die du z.B. menue.htm nennst - nur das Menue - kein Head, kein Body, kein am Anfang.

Schreibe in deine sonstigen Seiten an die Stelle, an der das Menue erscheinen soll:

Läuft die Seite dann auf dem Server, wird das Menue an der gewünschten Stelle eingefügt.

Fragen? Fragen!
Gruß
Sibylle

Moin,

mindestens genauso einfach wie SSI ist das Includen mit PHP.
Wie auch bei SSI kommt es natürlich drauf an, was der Webspace hergibt.

Serverseitig wird die Lösung aber und hat nichts mit HTML zu tun.

Gruß,
-Efchen