Bei MouseHover eine Art Infobox

chris90night

Hi(a.t.)all!

Ich weiß, dass dieses Thema schonmal durchgekaut wurde und Ronald hat dazu glaube ich sogar was gebastelt
Bloß find ich es nicht mehr.
Da ging´s darum, dass man beim "Schweben" mit dem Mauszeiger über eine Grafik oder ein Text eine kleine Infobox erscheint, in der irgendein Text steht.
Weiß jmd mehr?

Mike

Hier findest Du eine kurze Anleitung:

http://www.dynamicdrive.com/dynamicindex5/popinfo2.htm

Gruß
Mike

sejuma

Eine Lösung für ein CSS-Hover-Popup-Fenster:

CSS:

Code

a
{text-decoration:none;}
a.info{
    position:relative;
    z-index:1; background-color:#ccc;
    color:#000;
    text-decoration:none}


a.info:hover{z-index:2; background-color:#ff0}


a.info span{display: none}


a.info:hover span{
    display:block;
    position:absolute;
    top:1em; left:3em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}

Alles anzeigen

HTML:

Code

<a class=info href="#">Hier soll beim Drüberfahren ein Info-Fenster erscheinen <span>
Hallo, ich bin das Info-Fenster, hier kannst du Infos reinschreiben</span></a>

chuqa

Wenn dir ein kleiner Text in der Art eines Tooltips reicht probiere mal das title-Attribut in dem entsprechendem Element, z.b.

Code

[img]auto.jpg[/img]

gruß chuqa

Tags