Forum - myXOOPS German Support

Aw:: Tooltip für IE

Betreff: Aw:: Tooltip für IE
von frankblack am 11.06.2009 15:10:12

CSS:


a.tooltip span {

display:none; 

padding:2px 3px; 

margin-left:8px; width:180px;

}

a.tooltip:hover span {

display:inline; 

position:absolute; 

background:#fff; 

border:1px solid #ccc; 

color:#6c6c6c;

font-weight: normal;

font-size: 80%;

margin-top: -20px

}

HTML:


<a href="#" class="tooltip">Linktext<span>Inhalt des Tooltips</span></a>

Der Inhalt des Tooltips kann sonstwas nur. Nur darf da kein weiter Link rein. Kann man auch mit einem Fade-In-Effekt versehen, wenn man mag (bei Bildern).