Sascha_97: Aktuelle Seite in CSS Navigationsleiste hervorheben

Beitrag lesen

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&nbsp;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.