Aktuelle Seite in CSS Navigationsleiste hervorheben
Sascha_97
- css
Hi,
ich habe ein Problem. Ich mache gerade eine Website mit einer CSS-Navigationsleiste.
Ich möchte, dass wenn z.B. die Startseite aufgerufen wird, dass der Navigationsbutton dann rot hinterlegt wird. Ich verzweifle gerade. Ich habe mir schon tausende Fragen und Antworten in allen möglichen Foren angeschaut und getestet aber ich komme einfach nicht weiter.
So sieht mein Script gerade aus:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
body {
font: normal 85% Helvetica, Arial, sans-serif;
color: black; background-color: #FFFFFF;
}
ul#Navigation {
margin: 0; padding: 0.8em;
text-align: center;
border: 1px solid black;
background-color: silver;
}
ul#Navigation li {
list-style: none;
display: inline;
margin: 0.1em; padding: 0;
}
ul#Navigation a, ul#Navigation span {
padding: 0.2em 1em;
text-decoration: none; font-weight: bold;
border: 1px solid black;
border-left-color: white; border-top-color: white;
color: black; background-color: #ccc;
}
* html ul#Navigation a, * html ul#Navigation span {
width: 1em;
w/idth: auto;
}
ul#Navigation a:hover, ul#Navigation span {
border-color: white;
border-left-color: black; border-top-color: black;
color: black; background-color: red;
}
</style>
</head>
<body>
<ul id="Navigation">
<li><a href="startseite.html"target="hauptframe">Startseite</a></li>
<li><a href="wir.html"target="hauptframe">Ueber uns</a></li>
<li><a href="angebote.html"target="hauptframe">Angebote</a></li>
<li><a href="berichte.html"target="hauptframe">Presse-Berichte</a></li>
<li><a href="bilder.html"target="hauptframe">Bilder</a></li>
<li><a href="spenden.html"target="hauptframe">Spenden</a></li>
<li><a href="termine.html"target="hauptframe">Termine</a></li>
</ul>
</body>
</html>
Bitte helft mir. Danke schonmal.
Om nah hoo pez nyeetz, Sascha_97!
Möchtest du wirklich Frames verwenden? Dann geht das nämlich nicht so ohne weiteres.
Klug wäre es, den Link zur aktuellen Seite ganz wegzulassen - Das bedeutet, du brauchst für jede Seite eine angepasste Menüleiste, wenn du keine serverseitige Technik zur Verfügung hast.
Matthias
Om nah hoo pez nyeetz, Sascha_97!
Möchtest du wirklich Frames verwenden? Dann geht das nämlich nicht so ohne weiteres.
Klug wäre es, den Link zur aktuellen Seite ganz wegzulassen - Das bedeutet, du brauchst für jede Seite eine angepasste Menüleiste, wenn du keine serverseitige Technik zur Verfügung hast.
Matthias
Naja ich lasse mich gerne besseren belehren. Wie geht das dann ohne frames? gibt es da eine Anleitung auf SelfHTML?
Danke.
Om nah hoo pez nyeetz, Sascha_97!
Naja ich lasse mich gerne besseren belehren. Wie geht das dann ohne frames? gibt es da eine Anleitung auf SelfHTML?
am einfachsten, indem du die Navigation in jede Seite einbaust.
Matthias
Om nah hoo pez nyeetz, Sascha_97!
Naja ich lasse mich gerne besseren belehren. Wie geht das dann ohne frames? gibt es da eine Anleitung auf SelfHTML?
am einfachsten, indem du die Navigation in jede Seite einbaust.
Matthias
Ok vielen Dank