Tooltips - Wie positionieren?

Chris! · 3. Januar 2009

Hallo,

ich will Links/Grafiken mit Tooltips versehen, wenn man auf sie drauf klickt.
Der Inhalt soll in einer div-box sein. Das zeigen/verstecken ist mit display block oder none ja kein problem,
aber wie positioniere ich die Box? Sie wird im Code direkt dahinter sein, aber wie positioniere ich die dann? Sie soll ja über dem Inhalt sein, und nicht darin.
Und statisch absolut positionieren will ich auch nicht....

thx,
Chris!

**TimWolla** · 3. Mai 2009

Hab da was in einer Zeitung:

HTML

<a href="XX.end">LINKNAME <span>Tooltip</span></a>

CSS

a{
z-index:10; 
}
a:hover {
position:relative;
z-index: 100;
}
a span {
display:none; 
}
a:hover span {
display: block;
position: absolute;
float: left;
white-space:nowrap;
top: 2.2em;
left: .5em;
background: #FFFcd1;
border: 1px solid #444;
color: #444;
padding: 1px 5px;
z-index: 10;
}

Alles anzeigen

Habs nicht getestet.

Benutzer online in diesem Thema