zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS Navigationsleiste - Rätsel - Hilfe erbeten

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.04.2023, 11:32
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.04.2023
Beiträge: 2
HerrFabian befindet sich auf einem aufstrebenden Ast
Standard CSS Navigationsleiste - Rätsel - Hilfe erbeten

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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 16.04.2023, 11:58
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 10.01.2010
Beiträge: 1.123
MrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer MenschMrMurphy ist ein sehr geschätzer Mensch
Standard

Hallo

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

Code:
#ii #navigation A.ci,
#ij #navigation A.cj
#ik #navigation A.ck
kein Komma eingefügt. Dadurch funktioniert die Darstellung des ersten Links übrigens aktuell auch nicht.

Geändert von MrMurphy (16.04.2023 um 12:01 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 16.04.2023, 12:14
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.04.2023
Beiträge: 2
HerrFabian befindet sich auf einem aufstrebenden Ast
Standard

Ganz prima, herzlichen Dank für die Hilfe !
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Suche Hilfe bei Umbau auf CSS matt007 CSS 8 03.06.2013 23:52
CSS Menü - Anfänger benötigt Hilfe mauricen CSS 2 24.01.2013 11:44
Dingend Hilfe benötigt bei CSS Boxen für eine Wetterseite! Web4Live CSS 2 13.07.2011 16:01
Benötige Hilfe :( Html / Css Problem? Stefanie CSS 9 17.05.2011 18:12
CSS Newbee braucht Hilfe :( Duodeviginti CSS 6 17.11.2004 09:54


Alle Zeitangaben in WEZ +2. Es ist jetzt 01:34 Uhr.