✔ CSS Menü active

[starfoxfs]

Hi zusammen,

Ich habe mir ein CSS Menü gestaltet und bekomme es aber einfach nicht hin das es Aktiv hinterlegt wird wenn die Seite aufgerufen ist.

Hier mal das CSS:

#menudiv {position:absolute; margin-left:270px; margin-top:62px; height:38px;}

#menu {position:relative; font-size:11px; height:38px; width:730px;}

#menu, #menu ul {padding:0; margin:0 auto; list-style:none; width:730px;}

#menu table {border-collapse:collapse; margin:-1px -20px; 0 0; padding:0; width:0; height:0; font-size:1em;}

#menu li {float:left; height:38px; background:#eee;}
#menu li a {float:left; display:block; padding:0 0 0 10px; height:38px; line-height:35px; background:url(../images/button-red.gif) left top; color:#fff; text-decoration:none; font-family:tahoma, arial, verdana, sans-serif;}

#menu li a b {float:left; height:38px; display:block; padding:0 20px 0 10px; background:url(../images/button-red.gif) right top; cursor:pointer;}


#menu li a:hover {white-space:nowrap; background:url(../images/button-green.gif) left top; color:#fc6;}
#menu li a:hover b {white-space:nowrap; background:url(../images/button-green.gif) right top;}
#menu li:hover > a {white-space:nowrap; background:url(../images/button-green.gif) left top; color:#fc6;}

 

[pixelpur]

Habe so mit Listen noch nicht gearbeitet aber deklariere doch noch mal:

#menu li a:active

es gibt ja verschiedenste Zustände. Wie active, hover etc. Kann dir nicht garantieren ob es geht steuere es meiste direkt über das HTML.

 

[starfoxfs]

Tut sich nichts, ich will ja auch das das ganze hinterlegt bleibt wenn man auf derjenigen Seite ist, geht das so überhaupt ?

Oder brauch man da nicht Javascript ?

 

[pixelpur]

Bei Java kann ich dir leider auch nicht weiterhelfen. Da wird sich sicher ein anderen Forenmitglied drum kümmern müssen.

Ich steuere meine Buttons über mouseover als img im HTML quelltext und beim Aufruf gebe ich Ihm dann einfach den over Zustand. Ich mache mir noch mal Gedanken, aber sicher kann ein Java Coder noch einen Schritt weiterhelfen, wenn Java für dich in Frage kommt.

 

[Maik]

Hi,

die :active-Pseudoklasse besitzt ihre Gültigkeit nur während die Maustaste gedrückt wird, und verliert sie, wenn die Maustaste losgelassen wird.

Für dein Vorhaben empfehle ich dir Highlighting current page with CSS.

mfg Maik

 

[starfoxfs]

Ah ok Vielen Dank