• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

css in html einbinden

rsieling

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">&nbsp;
</div>

</body>
</html>
 
Werbung:
So sieht es jetzt aus:
<!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}
.auto-style1 {
border-style: solid;
border-width: 1px;
}
</style>
<!-- End css3menu.com HEAD section -->

<title>Begrüßung im TuS Hasloh</title>

</head>
<body style="background-color: #C8D1DB">


<?php include("navigation.php");?>


<!-- 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">&nbsp;
</div>

<table class="auto-style1" style="width: 100%">
<tr>
<td style="width: 80%">test</td>
</tr>
</table>

</body>
</html>
 
Werbung:
Es geht um die Stelle:

<?php include("navigation.php");?>

es passiert nichts. Beide Dateien sind im gleichen Verzeichnis.
 
Werbung:
Geht include eigtl. auch so:
PHP: 
<?php
include 'name.html';
?>
?
 
Werbung:
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben