Forums

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

Home › Forums › CSS › hovering divs to push others and display a hidden div.

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • January 8, 2013 at 5:50 pm #41852
    Jeager
    Member

    http://codepen.io/anon/pen/GEHol

    Like that, But I need the blue “hidden” box to push the other content boxes inside the container. I’ve tried floats and inline-blocks… Not sure what I am missing.

    For the purpose I need it for, I have 200×200 thumbnails of my work. I’d like to be able to hover over it then display a info box to the right of it.

    January 8, 2013 at 5:59 pm #120332
    Jeager
    Member

    Actually just got it working. Mistake was in the markup.

    http://codepen.io/anon/pen/GEHol

    Fixed version for anyone who might need to see the same thing. Trick in CSS is to use the “+” selector. Making the .image:hover target the next child of the same parent.

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