[ERLEDIGT] Bild als Tooltip

[Dexter1997]

Hallo Freunde der Sonne,

Wie kann ich es erreichen, daß als Tooltip ein kleines Bildchen anstelle eines Textes angezeigt wird?

 

[bdt600]

Siehe http://www.w3schools.com/css/css_tooltip.asp
Statt background-color setzt du ein Image rein

 

[Dexter1997]

Funktioniert nicht

 

[bdt600]

Funktioniert nicht

Sehr schöne Problembeschreibung :(

 

[Dexter1997]

Ja

Etwas genauer:

Ich habe folgendes in meine CSS-Datei eingefügt:
.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
padding: 5px 0;
border-radius: 6px;

/* Position the tooltip text - see examples below! */
position: absolute;
z-index: 1;
}

Ein Teil meiner HTML-Datei:
<div class="tooltip">Hover over me
<span class="tooltiptext">
<input type="button" class="button" value="meine Homepage" onClick="self.location.href='http://www.onlinewahn.de/ende.htm'"> <br>
</span>
</div>

 

[bdt600]

Wer lesen kann ist klar im Vorteil

Statt background-color setzt du ein Image rein

Siehe http://www.w3schools.com/css/css_background.asp

 

[Dexter1997]

Vielen Dank für deine Hilfe, Thema kann geshclossen werden!

 

[SpiceLab]

Vielen Dank für deine Hilfe, Thema kann geshclossen werden!

Thema nicht geschlossen, sondern zunächst als [ERLEDIGT] markiert (geschlossen wird es zu einem späteren Zeitpunkt), und nachträglich ins CSS-Forum verschoben.