The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

hovering divs to push others and display a hidden div.

  • # January 8, 2013 at 5:50 pm

    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

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

    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.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed