tobschiias: mouseover mit css

hi!

also ich hab mir da was ganz kompliziertes ausgedacht und bis jetzt noch keine Möglichkeit gefunden, das zu schaffen.

auf meiner Website sollen nebeneinander vier Links stehen, die zu den Websiten der jeweiligen Freunde führt. Dann hätte ich gern, dass ein Bild von dem Freund unten drunter erscheint, wenn man sich mit dem Mauszeiger auf dem Link zu der Website des Freundes befindet.

Also zusammengefasst: wenn ich mit der Maus auf einen Link geh, will ich an einer frei definierbaren Stelle ein Bild haben. Ist das möglich?

  1. Lieber tobschiias,

    wenn ich mit der Maus auf einen Link geh, will ich an einer frei definierbaren Stelle ein Bild haben. Ist das möglich?

    ja, das ist möglich. Du musst lediglich das Bild in den Link hineinsetzen.
    <a href="..."><img id="FreundA" ... />Freund A</a>
    und das Bild mittels CSS auf display:none setzen.

    Mit a:hover img { display: block; } kannst Du das Bild dann sichtbar schalten. Natürlich müsstest Du dem Bild mittels position:absolute und den passenden Werten für top und left die dazugehörige Position verpassen. Da Du jedem Bild sinnvollerweise eine ID verpasst hast, kannst Du jedem Bild individuell eine andere Position geben.

    Liebe Grüße aus Ellwangen,

    Felix Riesterer.

    --
    ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)
    1. Hui das ging ja schnell. Danke für die Antworten!

      1. hi,

        Hui das ging ja schnell.

        Das könnte daran liegen, dass die Frage immer wieder gestellt wird ...

        gruß,
        wahsaga

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }
  2. Hallo.

    Ja; dich interessiert die CSS-Infobox.

    MfG, Kungschu.

    --
    The computer is not willing? The bug is well hidden? The release is tomorrow?