Eine kleine Spielerei mit der Pseudoklasse :hover und z-index brachte ein erstaunliches Ergebnis und mir eine interessante Erkenntnis: Der IE6 kann nur a-Tags hovern!
Aber auch dagegen ist ein Kraut gewachsen…
Die Pseudoklasse :hover lässt sich normalerweise recht vielfältig einsetzen. Mit ihr kann man seiner Internetseite einen Hauch von Dynamik verpassen. Sie ist hervorragend für Rollover-Menüs geeignet, solange man nicht auf dem IE6 testet. Denn der ist ja bekannterweise in vielerlei Hinsichten der Spielverderber Nr. 1.
So auch in diesem Fall:
Das Karteikarten-Reiter-Menü
Alle Browser lieferten das gewünschte Ergebnis, nur der Internet Exporer 6 verstand die Anweisung nicht. Doch zum Glück war dieses Problem bereits bekannt. Kluge Köpfe haben sich Gedanken gemacht und ein Gegenmittel entwickelt: Die csshover.htc. .htc oder .hta-Files werden über sogenannte behaviors, die vom IE interpretiert werden können, an bestimmte Elemente vergeben um ihnen ein bestimmtes Verhalten aufzuzwingen. Nähere Informationen dazu gibt’s bei Peterned – whatever:hover – den Erstellern dieser Datei. Da sage ich nur:”Thx for sharing!”
Das Ergebnis der ganzen Aktion ist ein nettes kleines Menü, das man vielfältig einsetzen kann, denn die Inhalte der Karteikarten lassen sich beliebig gestalten.
Alle benötigten Dateien inklusive der Einbindung des .htc-Files gibt es zum downloaden und zwar hier.
Kartei-Reiter Downloads: 209
sammy
(am 19. Oktober 2008 um 19:22)wenn ich es ein bisschen umbaue kann ich es echt gut gebrauchen… dake!
Michael
(am 08. November 2008 um 11:12)Ja auch im IE 6 kann man das machen. Man muss hier nur auf eine hilfskonstruktion mit Tabellen zurückgreifen. Eine gute Quelle für CSS hover Menüs ist: http://www.cssplay.co.uk/menus/index.html
Die sind zum großen Teil alle Bulletproof und wirklich sehr gut gemacht.
Gruß Michael
Freizeitler
(am 09. November 2008 um 23:22)@Michael: Na, ja. Auf eine solche Konstruktion wollen wir mal verzichten
Der Link ist allerdings sehr interessant…