molily: Kleines popup-Fenster was "onmouseover" erscheint.

Beitrag lesen

Hallo Kalle,

ich habe mal ein kleines "Popupfenster" gesehen das erschien ,wenn man über ein Bild ging. Fuhr man mit dem Mauszeiger über das Bild so bewegte sich auch das "Popup" mit.
Habe leider den Link nicht behalten.

http://www.bosrup.com/web/overlib/

Habe es erstmal im Themenbereich Javascript angesiedelt ,geht es vielleicht auch mit CSS ?

Jein, mit CSS kann man Elemente, welche sich innerhalb eines Elements (in der Regel des a-Elements) befinden, beim Überfahren mit der Maus besonders formatieren (sichtbar machen, Hintergrund wechseln usw.). Diese Elemente können natürlich relativ zum Elternelement positioniert sein (position:relative für das Elternelement und position:absolute und top/bottom/left/right für das Kindelement).

Ein einfaches Beispiel:

a {position:relative; text-decoration:underline;}
a span {display:none;}
a:hover {border-style:none;}
a:hover span {display:block; position:absolute; top:1.2em; left:0; width:5em; color:black; background-color:silver; text-decoration:none; padding:0.1em; border:thin solid navy;}

<p><a href="bla">linktext<span> zusatzinfo</span></a></p>

Der Zusatztext bewegt sich allerdings nicht mit.

Generelles Einblenden über CSS: http://www.meyerweb.com/eric/css/edge/popups/demo.html, http://aktuell.de.selfhtml.org/tippstricks/css/infobox/index.htm#beispiel2 und http://www.adaptivepath.com/team/ (Fotos und Liste des Team).

Mathias

--
»Emphasize structure through presentation« http://www.w3.org/TR/WCAG20/#structure-emphasis