Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Dec 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Image Hover Issue

    How would I do this?
    I want a link that when hovered over displays a picture underneath it.

    Like this:

    link1
    link2
    link3
    link4

    When I would put my mouse over Link1, a picture underneath link1 would appear and push the other two down appropriate. It would disappear when the mouse moved away. The links would then move back up.

    If I have posted this in the wrong forum, please feel free to move it.

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Use this: http://bonrouge.com/~disjointed_text

    Just put an image in the span instead of text and remove position:absolute from the CSS for the span on :hover.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    New to the CF scene
    Join Date
    Dec 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    That worked splendidly.

  • #4
    Regular Coder
    Join Date
    Feb 2007
    Location
    Canada
    Posts
    924
    Thanks
    10
    Thanked 56 Times in 55 Posts
    Might also check this out.
    Hover on "Sell your house" for a tooltip effect that displays an image.

    http://jlhaslip.trap17.com/samples/tooltips/index.html


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •