:focus :visited funktionieren nicht

[ralphi]

Hi Leute,
komisch: außer :hover und :active funktioniert nix der Anderen !?

.menue { width:auto; height:40px; border:1px solid black; float:left; padding:5px; }  
.menue:link { background-color:#333; }  
.menue:visited { background-color:#222; }  
.menue:hover { background-color:#ddd; } /* funktioniert */  
.menue:active { background-color:#afa; }  /* funktioniert */  
.menue:focus { background-color:#888; }

<div id = "menue" >  
    <div class="menue" id ="stamm">Daten</div>  
    <div class="menue" id ="kategorien">Gruppen</div>  
    <div class="menue" id ="option">Optionen</div>  
</div>

Viele Grüße aus LA

[Der Martin]

Hallo,

komisch: außer :hover und :active funktioniert nix der Anderen !?

was erwartest du bei div-Elementen? Was sollen die mit den Pseudoklassen :link oder :visited? Auch auf :focus reagieren sie höchstens dann, wenn man sie mit einem tabindex-Attribut darauf einstimmt. Mich wundert, dass du behauptest, :active würde "funktionieren".

Ciao,
 Martin

[ralphi]

Hi Martin,

was erwartest du bei div-Elementen? Was sollen die mit den Pseudoklassen :link oder :visited? Auch auf :focus reagieren sie höchstens dann, wenn man sie mit einem tabindex-Attribut darauf einstimmt. Mich wundert, dass du behauptest, :active würde "funktionieren".

wieder was neues.
mit tabindex funktioniert focus ;-) DANKE
weitere brauch ich eigentlich nicht.

active - ist wenn man mit der Maus linksklickt und hält, oder?
Ja - dass funktioniert auch ohne tabindex.

Viele Grüße aus LA

[Quincunx]

@@Martin,

was erwartest du bei div-Elementen? Was sollen die mit den Pseudoklassen :link oder :visited?

Kann nicht gehen!

Auch auf :focus reagieren sie höchstens dann, wenn man sie mit einem tabindex-Attribut darauf einstimmt. Mich wundert, dass du behauptest, :active würde "funktionieren".

Nur :hover und :active „funktionieren“ ohne tabindex, „mit“ tabindex bekommst du drei Zustände hin, dabei ist aber die Reihenfolge wichtig, also :focus vor :active.

.menue:hover { background-color: Red; }  
.menue:focus { background-color: Green; }  
.menue:active { background-color: Gold; }

gruesse qx

[ralphi]

was erwartest du bei div-Elementen? Was sollen die mit den Pseudoklassen :link oder :visited?
Kann nicht gehen!

aus welchen Grund, sollte die Klasse hover und Co. nur für <a> - Elemente gelten?
würde das sinn machen, es so in CSS festzulegen?

Viele Grüße aus LA

[Quincunx]

aus welchen Grund, sollte die Klasse hover und Co. nur für <a> - Elemente gelten?
würde das sinn machen, es so in CSS festzulegen?

Nein, da hast du etwas falsch verstanden… :link und :visited machen nur bei <a> Sinn. Die anderen drei lassen sich auch ohne <a> sinnvoll verwenden.

gruesse aus ka

[Der Martin]

Hallo,

was erwartest du bei div-Elementen? Was sollen die mit den Pseudoklassen :link oder :visited?
Kann nicht gehen!

eben, genau darauf wollte ich hinaus.

Mich wundert, dass du behauptest, :active würde "funktionieren".
Nur :hover und :active „funktionieren“ ohne tabindex

Ja, und bei :active hatte ich das nicht erwartet.

Ciao,
 Martin

[Gunnar Bittersmann]

@@ralphi:

nuqneH

<div id = "menue" >

<div class="menue" id ="stamm">Daten</div>
    <div class="menue" id ="kategorien">Gruppen</div>
    <div class="menue" id ="option">Optionen</div>
</div>

  
Wenn du Heydons Artikel [Reinventing The Hyperlink](http://www.heydonworks.com/article/reinventing-the-hyperlink) gelesen hast, hast du ihn falsch verstanden.  
  
Wenn nicht, lies ihn jetzt und verstehe ihn richtig!  
  
Was nicht funktioniert sind nicht die Pseudoklassen, sondern dein kaputtes Markup.  
  
Aber Divitis ist heilbar.  
  
Qapla'

-- 
„Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)