Serai: / (CSS) Navigationsleiste

Beitrag lesen

Lieber Felix,
also mein Name ist nur sowas wie ein "Künstlername" und ich muss dir sagen ich bin ein weibliches Wesen!

<style type="text/css" >  
  body {  
    font: normal 100.01% Helvetica, TUM Neue Helvetica 55 Regular, sans-serif;  
    color: #0065BD; background-color: #243DF2;  
  }  
  * html ul#Navigation {  /* Korrekturen fuer IE 5.x */  
    width: 0em;  
    w\idth: 0em;  
    padding-left: 0;  
    padd\ing-left: 0em;  
  }  
  ul#Navigation li {  
    list-style: none;  
    margin: 0em; padding: 0;  
  }  
  
  ul#Navigation a, ul#Navigation span, ul#Navigation h2 {  
    display:block;  
    padding: 0em;  
    text-decoration: none; font-weight: bold;  
    border: 1px solid black;  
    border-left-color: white; border-top-color: white;  
    color: #003359; background-color: #ffffff;  
  }  
  * html ul#Navigation a, * html ul#Navigation span, * html ul#Navigation h2 {  
    width: 60%;    /* Breitenangabe fuer IE 5.x */  
    w\idth: 0.2em;  /* Breitenangabe fuer IE 6 */  
  }  
  ul#Navigation a:hover, ul#Navigation span {  
    border-color: white;  
    border-left-color: black; border-top-color: black;  
    color: white; background-color: #003359;  
  }  
  ul#Navigation h2 {  
    font-size: 0em;  
    margin: 0em 0 0;  
    border-color: 0065BD;  
    color: black; background-color: #98C6EA;  
  }  
  
</style>  
<body>  
  
  <ul id="Navigation">  
    <span><li><h2>Rubrik 1</h2></li>  
    <li><a href="#Beispiel">Seite 1</a></li>  
    <li><a href="#Beispiel">Seite 2</a></li>  
    <li><a href="#Beispiel">Seite 3</a></li>  
  
    <li><h2>Rubrik 2</h2></li>  
    <li><a href="#Beispiel">Seite 5</a></li>  
    <li><a href="#Beispiel">Seite 6</a></li>  
  
    <li><h2>Rubrik 3</h2></li>  
    <li><a href="#Beispiel">Seite 7</a></li>  
    <li><a href="#Beispiel">Seite 8</a></li>  
    <li><a href="#Beispiel">Seite 9</a></li>  
  </ul></span>  

Da ist irgendwo der Wurm drin.

Liebe Grüße
serai