Infobox bei Onmouseover

[Steelbound]

Hey Leute.
Ich hoffe mal, dass man dieses Unterfangen mit HTML etc. lösen kann.
Also nur mit Codes.
Es geht mir um folgendes:
Ich möchte einen onmouseover-kram haben, und zwar so: Wenn ich über ein Bild fahre, möchte ich, dass sich neben der Maus ein Infokasten zu diesem Bild öffnet. Wir haben ein webzine (manche habens schon gesehen), bei dem wir rechts in Kästen die aktuellsten Kritiken als kleine Bilder reintun, die auf die Kritik verlinken. Ach, schaut doch selber: - News of Fire
In dieser Infobox soll z.B. das Release-Jahr, Benotung etc. stehen.
Und wenn man dann wieder weggeht mit der Maus soll dieser eben auch wieder verschwinden - man soll nirgends draufklicken müssen, nur 'drüberfahren'.
Ich hoffe, dass das reicht ;)

 

[tarik02]

Ich denke du meinst:

<img src="DeinBild" title="Das Infokästchen">

T02

 

[Steelbound]

Meine güte, wie einfach sowas ist...allerdings: Kann man in dem Kasten auch Absätze machen? <br/> funktioniert nicht.
so im Sinne:
Jahr: XXXX
Note: XX/XX

Und nicht Jahr:XXXXNote XX/XX

VIELEN Dank schonmal ;)

 

[tarik02]

Hmm. dann so:

CSS: Infobox
(Beispiel 3)

Vielleicht ist auch noch ein bisschen besser:
Tooltips mit CSS - CSS Tutorial - Grundlagen - Webdesign Forum





T02

 

[Steelbound]

hm, das ist mir grad zu kompliziert
Werd mal schauen. trotzdem danke!!

 

[Steelbound]

So, ich habe noch ne Frage bez. dieses Themas.
Genau das gleiche wie vorher, nur dass ich jetzt einen Text habe, und wenn man da drüberfährt, dass sich ein Bild in der Box öffnet ;-)
Ist sicher genau so einfach ;)
Gruß und vielen Dank schonmal.

 

[Akronym]

Tooltips per JavaScript / DHTML

schau dort mal. Da fügt er bilder ein.
Das fachwort für das was du willst nennt man Tooltip

 

[Efchen]

Oben ist aber ein Link für Tooltipps mit CSS, das ist besser als mit JavaScript, weil man JavaScript abschalten kann.