title image


Smiley css :hover popup-Block
Hallo!



Ich habe mein Tooltipproblem immernoch nicht gelöst. Im IE läufts garnicht. Im Opera nur schlecht. Im firefox klappt es.

Kennt jemand eine Lösung für alle gängigen Browser?! (von mir aus auch seperate Lösungen für Opera und IE, da man für die ja seperate Stylesheets anlegen kann)



CSS:



#tooltip span {

display:none;

}



#tooltip a {

position:relative;

z-index:24;

text-decoration:none;

background:transparent;

color:#05C;

}



#tooltip a:hover,#tooltip a:focus,#tooltip a:active {

position:relative;

z-index:25;

background:transparent;

color:#05C;

}



#tooltip a:hover span,#tooltip a:focus span,#tooltip a:active span {

display:block;

position:absolute;

top:0em;

left:1em;

width:13em;

background:#AAD6FF;

border:2px solid #45A5FF;

color:#05C;

font-size:0.7em;

line-height:1.2em;

padding:1px 3px 1px 3px;

z-index:25;

}





XHTML (Auszug):



Spotlight.de

Madien ['madi:n] (GF'06: W31)
  pro: "…", contra: "..."

Tipp: Mein privates Fotoarchiv!
Investigativ: die Sodakonzentrationsschnecke!
Abitur … keiner weiß warum!



geschrieben von

Login

E-Mail:
  

Passwort:
  

Beitrag anfügen

Symbol:
 
 
 
 
 
 
 
 
 
 
 
 
 

Überschrift: