Problem mit meiner Horizontaler navi

[tkd]

Hallo. ich habe hier http://www.taekwondoesch.lu ein Problem mit meiner Horizontaler navi. Ich bekomme den hover Effekt einwach nicht auf die reihe wie auf der Vertikalen Navi. Was mache ich bloß falsch. Manchmal glaube ich, ich lerne das nie.


PS: Hoffe jemand hilft mir Danke.

css Horizontal
li.normal {
display: inline;
padding-left: 8px;
padding-right: 4px;
border-right: 2px dotted #BB0000;
text-decoration: none;
}
li.last {
display: inline;
padding-left: 8px;
}

html Horizontal
<ul>
<li class="normal"><a href="index.htm">Home</a></li>
<li class="normal"><a href="news.htm">News</a></li>
<li class="normal"><a href="foto_auswahl.htm">Fotos</a></li>
<li class="normal"><a href="werbung.htm">Werbung</a></li>
<li class="normal"><a href="http://free-service.de/gb/?id=101687">Gästebuch</a></li>
<li class="normal"><a href="Verbesserungsvorschlag.htm">Verbesserungsvorschlag</a></li>
<li class="last"><a href="kontakt.htm">Kontakt</a></li>
</ul>


css Vertikal
ul#navigation li
{
text-align: left;
}
ul#navigation li a
{
color: #000000;
text-decoration: none;
}
ul#navigation{
margin-left: 15px;
display: block;
text-decoration: none;
}
html Vertikal
<ul id="navigation">
<li><a href="geschichte.htm">Geschichte des Taekwondo </a></li>
<li><a href="die_10_tugenden.htm">Die 10 Tugenden</a></li>
<li><a href="trainingszeiten.htm">Trainingszeiten</a></li>
<li><a href="poomse.htm">Poomse</a></li>
<li><a href="begriffe.htm">Begriffe</a></li>
<li><a href="resultate.htm">Resultate</a></li>
<li><a href="kinderecke.htm">Kinderecke</a></li>
<li><a href="taekwondo_links.htm">Taekwondo Links</a></li>
<li><a href="taekwondo_fuer_kinder.htm">Taekwondo f&uuml;r Kinder</a></li>
<li><a href="ueber_diese_hp.htm">&Uuml;ber diese Homepage </a></li>
<li><a href="mitglieder/index_mitglied.htm">Mitgliederbereich</a></li>
<li><a href="link_zu_uns.htm">Link uns</a></li>
<li><a href="Downlad.htm">Download</a></li>
</ul>


#navigation li a { }
#navigation li a:link { }
#navigation li a:hover {
color: #9999FF;
background-color: #993300;
}
.li normal a:hover {
color: #9999FF;
background-color: #993300;
}

[Boris]

Du hast nicht für die horizontale Navigation definiert, wie ein Link aussehen soll, sprich das .li normal a { ... } fehlt ...

[tkd]

Du meinst jetzt so?
#li normal a:hover {
color: #9999FF;
background-color: #993300;

Wie bei der Vertikalen
#navigation li a:hover {
color: #9999FF;
background-color: #993300;

[Boris]

Nein, das steht doch bereits in deinem CSS drin (kennst du dein eigenes CSS nicht?).

Ich sagte, es fehlt .li normal a { ... } ...

[tkd]

li.normal a:hover {
color: #9999FF;
background-color: #993300;
}
li.last a:hover {
color: #9999FF;
background-color: #993300;
}

Bin etwas so wie hier oben gehts ohne .li......

[Boris]

Sag mal, sprech ich so undeutlich?

Es fehlt nicht der a:hover Zustand, sondern der normale Zustand für a allein ...

.li normal a {
Hier muss stehen, wie dein Link aussehen soll ...
}

[tkd]

Ich habe doch nichts gesagt von fehlen

[Boris]

Ich kapier jetzt garnichts mehr. Kannst du jetzt mal klar in 1-2 Sätzen formulieren, was du nicht verstehst, was dein Problem ist und wovon du in den letzten Anworten eigentlich sprichst?