rsieling
Neues Mitglied
Moin zusammen,
ich habe eine Internetseite erstellt und mit einem CSS-Generator ein Menü erstellt. Diese habe ich zusammen gefügt. Nun möchte ich das Menü auslagern in eine extra Datei, damit ich nur dort ändern muss.
Der "rote Bereich" soll ausgelagert werden. Brauche bitte Hilfe.
Hier meine jetzige Seite als Code.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0">
<title>css3menu.com</title>
<!-- Start css3menu.com HEAD section -->
<link rel="stylesheet" href="test_css_files/css3menu1/style.css" type="text/css" /><style type="text/css">._css3m{display:none}</style>
<!-- End css3menu.com HEAD section -->
<title>Begrüßung im TuS Hasloh</title>
</head>
<body>
<input type="checkbox" id="css3menu-switcher" class="c3m-switch-input">
<div style="position:absolute; top: 150px; left: 120px; width: 969px; height: 23px;">
<ul id="css3menu1" class="topmenu">
<li class="switch"><label onclick="" for="css3menu-switcher"></label></li>
<li class="topfirst"><a href="#" style="height:18px;line-height:18px;"><span>Der Verein</span></a>
<ul>
<li><a href="#">Der Vorstand</a></li>
<li><a href="#">Geschichte</a></li>
<li><a href="#">Vereinssatzung</a></li>
<li><a href="#">Bürozeiten</a></li>
<li><a href="#">Beiträge</a></li>
<li><a href="#">Stellenangebote</a></li>
<li><a href="#">Termine</a></li>
</ul></li>
<li class="topmenu"><a href="#" style="height:18px;line-height:18px;"><span>Allgemeines</span></a>
<ul>
<li><a href="#">Downloadbereich</a></li>
<li><a href="#">TuS Heft</a></li>
<li><a href="#">Vereinsheim</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Neuigkeiten</a></li>
<li><a href="#">Sporthalle</a></li>
<li><a href="#">Sportplätze</a></li>
</ul></li>
<li class="topmenu"><a href="#" style="height:18px;line-height:18px;"><span>Sparten</span></a>
<ul>
<li><a href="#">Badminton</a></li>
<li><a href="#">Ballett</a></li>
<li><a href="#">Babyturnen</a></li>
<li><a href="#"><span>Gymnastik</span></a>
<ul>
<li><a href="#">Bauch-Beine-Po</a></li>
<li><a href="#">Damengymnastik</a></li>
<li><a href="#">Yoga</a></li>
<li><a href="#">Frühgymnastik</a></li>
<li><a href="#">Psychomotorik</a></li>
<li><a href="#">Konditionsgymnastik</a></li>
<li><a href="#">Rückengymnastik</a></li>
<li><a href="#">Pilates</a></li>
<li><a href="#">Step-Aerobic</a></li>
<li><a href="#">Rückenfit</a></li>
</ul></li>
<li><a href="#">Einrad</a></li>
<li><a href="#"><span>Fußball</span></a>
<ul>
<li><a href="#">1. Herren</a></li>
<li><a href="#">1. Alte Herren</a></li>
<li><a href="#">1. Senioren</a></li>
<li><a href="#">Super Senioren</a></li>
<li><a href="#">1. B-Jugend</a></li>
<li><a href="#">1. E-Jugend</a></li>
<li><a href="#">1. F-Jugend</a></li>
<li><a href="#">1. G-Jugend</a></li>
<li><a href="#">Schnupperkurs</a></li>
<li><a href="#">1. D-Juniorinnen </a></li>
</ul></li>
</ul></li>
<li class="toplast"><a href="#" style="height:18px;line-height:18px;">Item 3</a></li>
</ul><p class="_css3m"><a href="http://css3menu.com/">bootstrap menu</a> by Css3Menu.com</p>
</div>
<!-- End css3menu.com BODY section -->
<!-- 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>
</body>
</html>
ich habe eine Internetseite erstellt und mit einem CSS-Generator ein Menü erstellt. Diese habe ich zusammen gefügt. Nun möchte ich das Menü auslagern in eine extra Datei, damit ich nur dort ändern muss.
Der "rote Bereich" soll ausgelagert werden. Brauche bitte Hilfe.
Hier meine jetzige Seite als Code.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0">
<title>css3menu.com</title>
<!-- Start css3menu.com HEAD section -->
<link rel="stylesheet" href="test_css_files/css3menu1/style.css" type="text/css" /><style type="text/css">._css3m{display:none}</style>
<!-- End css3menu.com HEAD section -->
<title>Begrüßung im TuS Hasloh</title>
</head>
<body>
<input type="checkbox" id="css3menu-switcher" class="c3m-switch-input">
<div style="position:absolute; top: 150px; left: 120px; width: 969px; height: 23px;">
<ul id="css3menu1" class="topmenu">
<li class="switch"><label onclick="" for="css3menu-switcher"></label></li>
<li class="topfirst"><a href="#" style="height:18px;line-height:18px;"><span>Der Verein</span></a>
<ul>
<li><a href="#">Der Vorstand</a></li>
<li><a href="#">Geschichte</a></li>
<li><a href="#">Vereinssatzung</a></li>
<li><a href="#">Bürozeiten</a></li>
<li><a href="#">Beiträge</a></li>
<li><a href="#">Stellenangebote</a></li>
<li><a href="#">Termine</a></li>
</ul></li>
<li class="topmenu"><a href="#" style="height:18px;line-height:18px;"><span>Allgemeines</span></a>
<ul>
<li><a href="#">Downloadbereich</a></li>
<li><a href="#">TuS Heft</a></li>
<li><a href="#">Vereinsheim</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Neuigkeiten</a></li>
<li><a href="#">Sporthalle</a></li>
<li><a href="#">Sportplätze</a></li>
</ul></li>
<li class="topmenu"><a href="#" style="height:18px;line-height:18px;"><span>Sparten</span></a>
<ul>
<li><a href="#">Badminton</a></li>
<li><a href="#">Ballett</a></li>
<li><a href="#">Babyturnen</a></li>
<li><a href="#"><span>Gymnastik</span></a>
<ul>
<li><a href="#">Bauch-Beine-Po</a></li>
<li><a href="#">Damengymnastik</a></li>
<li><a href="#">Yoga</a></li>
<li><a href="#">Frühgymnastik</a></li>
<li><a href="#">Psychomotorik</a></li>
<li><a href="#">Konditionsgymnastik</a></li>
<li><a href="#">Rückengymnastik</a></li>
<li><a href="#">Pilates</a></li>
<li><a href="#">Step-Aerobic</a></li>
<li><a href="#">Rückenfit</a></li>
</ul></li>
<li><a href="#">Einrad</a></li>
<li><a href="#"><span>Fußball</span></a>
<ul>
<li><a href="#">1. Herren</a></li>
<li><a href="#">1. Alte Herren</a></li>
<li><a href="#">1. Senioren</a></li>
<li><a href="#">Super Senioren</a></li>
<li><a href="#">1. B-Jugend</a></li>
<li><a href="#">1. E-Jugend</a></li>
<li><a href="#">1. F-Jugend</a></li>
<li><a href="#">1. G-Jugend</a></li>
<li><a href="#">Schnupperkurs</a></li>
<li><a href="#">1. D-Juniorinnen </a></li>
</ul></li>
</ul></li>
<li class="toplast"><a href="#" style="height:18px;line-height:18px;">Item 3</a></li>
</ul><p class="_css3m"><a href="http://css3menu.com/">bootstrap menu</a> by Css3Menu.com</p>
</div>
<!-- End css3menu.com BODY section -->
<!-- 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>
</body>
</html>