Navigation mit .active Status

[Fexxx]

Hallo zusammen,

möchte gerne für die #navitop einen .active status (entspricht dem hover) hinzufügen, aber irgendwie klappt das nicht?

Link zu Seite:
http://home.arcor.de/mediastuff/test1/index.html

Link zum CSS:
http://home.arcor.de/mediastuff/test...on/navitop.css


Vielen Dank
Fexxx

[Rinaldo]

http://www.andreas-kalt.de/webdesign...te-hervorheben

Sollte helfen.

[sejuma]

oder http://www.ohne-css.gehts-gar.net/0016.php

[Fexxx]

Hallo Rinaldo und sejuma,

Danke für den Support! Ich habe jetzt wie beschrieben eine Klasse .active hinzugefügt, allerdings hat dies noch keine Auswirkungen?

HTML

<li> <a class="button1 active"  href="#"></a> </li>

CSS

#navitop .active a {background-position:left;}

Wo ist der Wurm drin?

Fexxx

[mogidala]

gemäß deinem css wird ein link angesprochen, der innerhalb eines anderen elements mit der klasse "active" liegt. die css anweisungen lesen sich hierarchisch.

d.h. wäre dein html z.b. so:

	    <div id="navitop">
      <ul>
<li class="active"> <a class="button1" href="#"></a> </li>

dann würde es klappen.

da aber bei dir direkt der link die klasse "active" hat, muss deine css anweisung so aussehen:

#navitop a.active {background-position:left;}

so werden alle a-elemente (links) innerhalb von #navitop mit der klasse "active" angesprochen, wie du es haben willst.

[Fexxx]

Hallo mogidala,

danke Dir! Habe den Code entsprechend angepasst, aber so recht will das Bild nicht nach links rüber wandern.

PS: Es soll auch das Bild vom Hover Status nach links gehen, nicht das normal angezeigte.

Lieben Dank

[Fexxx]

Hallo zusammen,

da ich das Problem nicht lösen konnte steht es jetzt im Jobboard
http://www.traum-projekt.com/forum/9...ve-status.html

-Just for Info-

LG
Fexxx