link mit class="active" hervorheben

Blame23

Mitglied
Hi!

Ich mache gerade eine Navigation die folgendermaßen aussieht:

HTML:
<div id="nav" >
			
				<ul>
					<li class="active"><a href="#">Home</a></li>
					<li><a href="#">Philisophie</a></li>
					<li><a href="#">About</a></li>
					<li><a href="#">Kontakt</a></li>
				</ul>
			
		</div>

Über
Code:
#nav ul li a
komm ich an die links.
Jetzt will ich aber dass der active link Fettgedruckt und in einer anderen Farbe erscheint.
Ich dachte dann dass ein
Code:
#nav ul li a .active
reicht, aber es tut sich nix.
Hat jemand ne Ahnung woran das liegt?

Schonmal danke!
Gruß,
Blame
 
Weil die Klasse "active" über dem a ist.
So sollte es gehen;
CSS:
#nav ul li.active a
 
Weil die Klasse "active" über dem a ist.

Erstmal Danke für deine Antwort. Leuchtet auch ein, aber leider tut sich nix :-/
Vielleicht sollte ich noch erwähnen dass die #nav noch in
CSS:
<div class="page_margins">
<div class="page">
verschachtelt ist. Ich benutze das YAML Framework und die standard Navigation war so gelöst:
CSS:
.hlist ul li.active

Da ich meine eigene Navigation wollte habe ich dann aus dem .hlist das #nav gemacht... vielleicht liegt da irgendwo der Fehler...
 
Mit dem Firefox Add-On Web-Developer oder Firebug kannst du die Einstellungen zu Laufzeit verfolgen und ändern und dich so ggf. eine Lösung nähern.

Ich habe dir mal zur Ansicht eine hardcopy der "optimierten" Seite von tutorials.de beigefügt.
 

Anhänge

  • 2011-06-07_200457.png
    2011-06-07_200457.png
    58,6 KB · Aufrufe: 83
Zuletzt bearbeitet von einem Moderator:
Ich nutze Webdeveloper und auch Firebug... ich muss wohl irgendwo einen Fehler haben und werde mal danach suchen.

Aber trotzdem danke für eure Hilfe!

Gruß,
Blame
 
Mir hilft in solchen Fällen meist eine schrittweise Näherung.
 
Mir hilft in solchen Fällen meist eine schrittweise Näherung.

Jep, dank dem Webdeveloper toolbar kam ich gerade auf die Lösung:
CSS:
#nav ul li.active a

Edit: Was wie ich gerade sehe genau die erste Antwort von Maniac war... ich denke mal da hatte ich vorhin einen Schreibfehler drin :-/
Aber hauptsache mal wieder Zeit verschwendet :D
 
Zuletzt bearbeitet:
Zurück