Hallo zusammen,

Ich bitte um Hilfe bei folgendem Rätsel:

in meiner Navigationsleiste soll der Button für die jeweils aktive Seite weiß hinterlegt sein. Das funktioniert sehr gut für alle bisherigen Buttons, jedoch nicht für den neu eingefügten Button mit dem Ziel "Messengers" (class "ck" und div id="ik").

Hier ist der HTML Code für die aktive Seite:

<div id="ik">
<div id="navigation">
<ul>

<li><a class="cj" href="/index.htm">News</a></li>
<li><a class="ca" href="/eng/aboutus.htm">About us</a></li>
<li><a class="cb" href="/eng/publications.htm">Publications</a></li>
<li><a class="cc" href="/eng/exhibitions.htm">Exhibitions</a></li>
<li><a class="ck" href="/eng/messengers.htm">Messengers</a></li>
<li><a class="cd" href="/eng/interviews.htm">Interviews</a></li>
<li><a class="ci" href="/eng/oralhistory_eng.htm">Oral History</a></li>
<li><a class="ch" href="/eng/bulletin.htm">Bulletin</a></li>
<li><a class="ce" href="/eng/press.htm">Press Releases</a></li>
<li><a class="cf" href="/eng/links.htm">Links</a></li>
<li><a class="cg" href="/eng/contact.htm">Contact</a></li>


</ul>
</div>
</div>

Hier der CSS Code:

#navigation A:active
{
color: #000;
background-color: #FFFFFF;
font-weight: bold;
font-family: Verdana, Geneva, sans-serif;
font-size: 15px;
}


#ia #navigation A.ca,
#ib #navigation A.cb,
#ic #navigation A.cc,
#id #navigation A.cd,
#ie #navigation A.ce,
#if #navigation A.cf,
#ig #navigation A.cg,
#ih #navigation A.ch,
#ii #navigation A.ci,
#ij #navigation A.cj
#ik #navigation A.ck
{background-color: white;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 5px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
margin-top: 5px;
margin-bottom: 5px;
font-family: Verdana, Geneva, sans-serif;
color: #000;}

Was mache ich falsch? Ich folge demselben Grundmuster wie bei den anderen Seiten ...

HerrFabian

Hallo

Ein Flüchtigkeitsfehler. Du hast im CSS hinter dem cj

kein Komma eingefügt. Dadurch funktioniert die Darstellung des ersten Links übrigens aktuell auch nicht.

Ganz prima, herzlichen Dank für die Hilfe !