BlauBeere91
Threadersteller
Dabei seit: 02.02.2013
Ort: -
Alter: 32
Geschlecht:
|
Verfasst Sa 23.03.2013 15:42
Titel Aktiven Navigationspunkt mit Klasse ansprechen |
|
|
Hi zusammen,
ich mach nicht zum ersten Mal eine Webseite bzw. eine Navigation, trotzdem steh ich entweder auf dem Schlauch oder weiß es nicht und brauche euren Rat!
Ich habe eine ungeordnete Liste mit meinen Navigationspunkten erstellt. Die einzelnen li-Elemente habe ich zu Blockelementen formatiert und mit der Pesudoklasse hover einen Verlauf als Grafik mit repeat-x eingefügt .
<div id="nav">
<ul>
<li><a class="start" href="start.html">START</a></li>
<li><a class="rest" href="#">RESTAURANT</a></li>
<li ><a class="spez" href="#">SPEZIALITÄTEN</a></li>
<li><a class="res" href="#">RESERVIERUNG</a></li>
<li><a class="kont" href="#">KONTAKT</a></li>
</ul>
</div>
Schön und gut, funktioniert alles, aber da ich momentan nur die "Spezialitäten"-Seite erstelle, möchte ich natürlich, dass der Navigationspunkt "Spezialitäten" nicht den Hover-Wert hat, sondern dort das background-image "fest" ist, sodass man halt sieht, dass man sich hier gerade befindet. Ich hab schon alles ausprobiert und bin am verzweifeln. Es hat nichts gebracht <li class="aktiverbtn"><a class="spez" href="#">SPEZIALITÄTEN</a></li> draus zu machen, oder: <span class="aktiverbtn"><li ><a class="spez" href="#">SPEZIALITÄTEN</a></li></span> und auch nicht, ein extra-Div drum zu packen, das ich sowieso für überflüssig halte, weil eigentlich müsste ich doch mit der separaten Klasse diesem einen Punkt das background-image zufügen können, oder?
Oder liegt es daran, dass ich den a-Elementen schon eine Klasse zugewiesen habe?
Wäre echt super, wenn mir jemand helfen könnte!!!
|
|