a:active wird bei menue nicht erkannt

cbHP

Hallo,

Ich hab mir folgendes horizontale menue angelegt:

PHP

<div id="header">
<ul id="pages">
            <?php wp_list_pages('sort_column=menu_order&title_li=&depth=1'); ?>
        </ul>


</div>

funktioniert einwandfrei!

nun habe ich diese css - Befehle aus einem anderen theme übernommen und abgeändert:

Code

#pages {
  font-size: 12px;
  font-weight: bold;
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    text-transform: lowercase;
}


#pages ul {
    margin-top: 15px;
    padding-left: 0;
    margin-left: 30px;
}




#pages li {
    float: left;
    width: 8em;    
}


#pages a {
    display: block;
    height: 45px;
    width: 8em;    
    line-height: 45px;
    padding: 160px 0 0 0;
    text-align: center;
  text-decoration: none;
}


#pages a:hover, #pages a:focus, #pages a:active {
    display: block;
    height: 45px;
    width: 8em;    
    line-height: 45px;
    padding: 160px 0 0 0;
    text-align: center;
  background: #ffffcc; opacity: .50; filter: alpha(opacity=50); -moz-opacity: 0.5;
  color: #000;
}

Alles anzeigen

hier möchte ich gern, dass die aufgerufene Seite mit dem transparenten Hintergrund belegt wird!

a:hover funktioniert der rest nicht! Warum??

a:visited habe ich auch mal ausprobiert! das funktioniert auch einwandfrei im IE und in Firefox aber active leider nicht :(

Weis jemand an was das liegen könnte?

bin sehr Dankbar über eure Hilfe

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

telekommander

Hier: http://dciwam.de/faq/css/css-reihenfolge-pseudoklassen
Hier:http://www.w3.org/TR/REC-CSS2/se…-pseudo-classes
Und hier:http://de.selfhtml.org/css/eigenschaf…us_hover_active

Wenn ich dich richtig verstanden habe, möchtest du nach einem Klick auf einen Link, das die definierten Eigenschaften erhalten bleiben ?
[FONT="Courier New"]a:active[/FONT] ist nur solange aktiv, solange du deine Maustaste gedrückt lässt, also aktiv ist.

Wenn das so sein sollte, dafür gibt es einen Klasse [FONT="Courier New"]page_item current_page_item[/FONT], wirf dazu mal einen Blick hier hinein:
http://codex.wordpress.org/Template_Tags/wp_list_pages
... unter dem Abschnitt Markup and styling of page items

cbHP

ok thx

also active ist dann nicht das was ich suche!

mit current .. funktionierts jetzt wunderbar!!! thx aber
leider funktioniert das .page_item:hover im IE nicht!

ist das so oder kann ich das irgendwie ändern? wie?

dankeschön

telekommander

Zitat

( ... ) kann ich das irgendwie ändern? wie?

Da wird wohl CSS-technisch was nicht stimmen.
Gibts 'nen Link ? Sonst wirds ein endloses Ratespiel.

cbHP

Zitat von telekommander

Da wird wohl CSS-technisch was nicht stimmen.
Gibts 'nen Link ? Sonst wirds ein endloses Ratespiel.

der link: http://www.c-bich.de/hp

danke für deine Hilfe

Monika

Zitat von cbHP

ok thx

also active ist dann nicht das was ich suche!

mit current .. funktionierts jetzt wunderbar!!! thx aber
leider funktioniert das .page_item:hover im IE nicht!

ist das so oder kann ich das irgendwie ändern? wie?

dankeschön

Alles anzeigen

Code

.page_item:hover { 
  display: block;
 height: 45px;
 width: 8em; 
 line-height: 45px;
 padding: 160px 0 0 0;
 text-align: center;
  background: #ffffcc; opacity: .50; filter: alpha(opacity=50); -moz-opacity: 0.5;
}

der IE versteht :hover (Pseudoklassen) etc nur bei einem Link,

http://www.css-technik.de/details/258/8/Tutorials-CSS.htm
da gibts eine Möglichkeit dies zu umgehen

lg

cbHP

ok danke moni das funktioniert jetzt ein bißchen ;)

zumindes reagiert der IE schonmal aber leider nur wenn ich auch die schrift fahr ... und dann klappt er alles nach unten auf ....

das hier steht jetzt gerade in meiner css

Code

.page_item { 
  display: block;
    height: 45px;
    width: 8em;    
    line-height: 45px;
    padding: 160px 0 0 0;
    text-align: center;
  text-decoration: none;
}


.page_item:hover { 
  display: block;
    height: 45px;
    width: 8em;    
    line-height: 45px;
    padding: 160px 0 0 0;
    text-align: center;
  background: #ffffcc; opacity: .50; filter: alpha(opacity=50); -moz-opacity: 0.5;
} 




a:hover .page_item { 
  display: block;
    height: 45px;
    width: 8em;    
    line-height: 45px;
    padding: 160px 0 0 0;
    text-align: center;
  background: #ffffcc; opacity: .50; filter: alpha(opacity=50); -moz-opacity: 0.5;
} 




.page_item a:hover { 
  display: block;
    height: 45px;
    width: 8em;    
    line-height: 45px;
    padding: 160px 0 0 0;
    text-align: center;
  background: #ffffcc; opacity: .50; filter: alpha(opacity=50); -moz-opacity: 0.5;
    }

Alles anzeigen

hmm hab bißchen rumprobiert aber ich hab entweder was ganz falsch .... oder ka ;)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

a:active wird bei menue nicht erkannt

Jetzt mitmachen!