Hallo Christian,
ich habe erstmal alle Formatierungen von den Listen gelöscht und die Links als Blockelemente formatiert. diese benötigen dann noch eine exakte breitenangabe, damit der Link im IE auf voller Breite funktoniert und auch der hover-Effekt.
Code: Alles auswählen
ul, li { display: inline; margin: opx; padding: 0px; list-style: none; }
a, a:link, a:visited, a.active, a:hover { display: block; width: 200px; text-decoration: none; color: black; background-color: #AAAAAA;}
a:hover { background-color: yellow; color: red; }
li a { margin-left: 10px; width: 190px; }
li li a {margin-left: 20px; width: 180px; }
li li li a {margin-left: 30px; width: 170px; }
Das ist nur mal ins blaue geschrieben natürlich musst du überall noch was davorschreiben, damit diese Formatierungen nur für die Navigation gelten. Wie z.B. div#navi ul, div#navi li, falls du die Navigation in einem
Code: Alles auswählen
<div id="navi">.. Deine Navigation, z.B. <?php printnavigation(); ?> ... </div>
Hoffe kannst mit diesen Schnipseln was anfangen.
Kannst auch einfach die Profile von einigen Authoren im Forum anschauen und dann bei umgesetzten Projekten schauen, wie es dort umgesetzt ist.
Gruß Matthias