Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS hover tric

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #283398
    jeel2008
    Participant

    Hello, here: http://test.jmcwebdesign.nl/blog/testhover/
    i want an image to appear in the bottom div (where the image of the ‘ hourglass ‘ is ), as soon as you rollover on of the two upper blue circles.
    (just like this: https://www.mensengroei.nl/)
    Is this possible with JUST CSS?
    best regards, jeel2008

    #283399
    chris_2080
    Participant

    Hi, something like that?
    https://codepen.io/chris3000/pen/vbqgaR
    Best regards, Chris.

    #283513
    jeel2008
    Participant

    hi chris, im gonna try it out, i’ll let you know, thanks anyway!

    #283518
    jeel2008
    Participant

    hi chris, brilliant, its working, thanks a lot!

    http://test.jmcwebdesign.nl/blog/csstricks/

    best regards, jeel2008

    #283627
    chris_2080
    Participant

    Great, you’re welcome!

    #285107
    jeel2008
    Participant

    Hello (Chris)
    remember this thing about those rollover circles.
    this is functioning well. However, i have to shift the whole bunch to the middle of the page, and as soon as i put them in one surrounding div the “pop up” textcircles are no longer popping up on the bottom image.

    to make this story comprehendable: this is what it should do:
    https://mensengroei.nl/

    this (on a testing site ) is whats happening if you put the whole bunch i a surrounding div:
    http://cds.jmcwebdesign.nl/mensengroei/

    youll see the rollovers are not longer working; no images appear anymore at the ‘ hourglass ‘

    anyone any idea why not?

    thanks, jeel2008

    #285110
    jeel2008
    Participant

    wait,,,i think ive managed to get it right….the two surrounding divs are now surroundig everything..also the hour glass…and now its working!

    <

    div style="text-align: center">

    <

    div>

    #285111
    jeel2008
    Participant

    <

    div style=”text-align: center”>

    <

    div>

Viewing 8 posts - 1 through 8 (of 8 total)
  • The forum ‘CSS’ is closed to new topics and replies.