Supportnet / Forum / Webseiten/HTML

Hallo zusammen, ich möchte auf einer Sportlerseite Infos zu den Spielern bringen. Da es nur ein Bild und zwei-drei Infos sein sollen, hab ich mir vorgestellt, das so zu gestalten, dass ein kleines Infofenster angezeigt wird, wenn man mit dem Mauszeiger über dem Namen steht. (ähnlich wie die Sprechblasen im Windows) Da ich weder weiss, wie das gemacht wird, noch wonach ich suchen muss, damit die Anzahl der Fundstellen erträglich klein ist, brauche ich mal euere Hilfe. Das Ergebnis sollte natürlich in den gängigen Browsern laufen. Helft mir doch bitte auf die Sprünge. Gruss Flupo

Ein schönes Beispiel, wie das aussehen könnte, sind die Sponsoren-Links hier im Board. Es soll nur nach Möglichkeit noch ein Bild mit dazu.

Gruss Flupo

Hallo Flupo,
Schau Dir mal diverse Seiten zum Thema CSS an, da findest Du mit sicherheit das richtige.

Ralf

Tooltip war das Schlüsselwort, was mir nicht einfallen wollte.
Damit bin ich dann auch sehr schnell fündig geworden.
z.B. hier

Gruss Flupo

einfacher mit Attribut title

<img ... alt="kurzBeschreibung" title="Inhalt des Tooltipp-Fensters über dem Bild">

klappt mit (fast) jedem Tag und in den meisten Browsern, im Gegensatz zur o.g. Lösung auch bei deaktivierten JavaScript und aktivierten PopUp-Blocker.

@rfb: Das zu lösende Problem war ein wenig anders. Das (oder der???) Tooltip soll nicht über einem Bild erscheinen, sondern ein Bild enthalten.

Wer interessiert ist, kann sich das (fast fertige und deshalb noch nicht verlinkte) Ergebnis mal ansehen: www.saaleteufel-halle.de/team1.htm.

Gruss Flupo

• Mauszeiger
• Mauszeiger spielt verrückt
• Mauszeiger blockiert