• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

MouseOver Textfeld (?)

Konda

Neues Mitglied
Hallo liebe Community,

wenn man z.B. einem Bild ein 'title="Hallo Welt!"' gibt,
erscheint dieser Text in einem Feld, wenn man mit dieser Maus darüber geht.

Meine Frage wäre,
ob es möglich ist dieses Feld eigenständig zu designen?

Grüße
Konda


Tante edit:
Kann man den Inhalt auch irgendwie abändern?
Also das man z.B. nicht nur eine Textzeile hat,
sondern dass man vielleicht sogar eine Tabelle in dieses Feld einbauen kann.
 
Hallo,

ich habe doch noch einen Weg gefunden,
welcher mich zufrieden stellt:

Code:
.tip:hover {
    cursor: help;
    position: relative;
}
.tip span {
    display: none
}
.tip:hover span {
    display: block;
    width: 200px;
    position: absolute;
    text-decoration: none;
    color: white;
}

Code:
<div class="tip">
<img src="bildpfad" alt="" /> 
<span>
Textfeld
</span>
</div>

Tut mir leid, dass ich den Thread unnötigerweise eröffnet habe :)
Trotzdem Danke

Grüße
Konda
 
Zurück
Oben