Grow your CSS skills. Land your dream job.

Image Being Pushed Down by Sidebar?

  • # May 29, 2013 at 2:34 pm

    http://codepen.io/seraphzz/pen/byAzi

    The image should be aligned at the top of the paragraph – but when the sidebar is displayed it is pushed down by a few paragraphs. This can be demonstrated by adding display:none to the sidebar.

    I’m curious how I can fix this problem without specifically designating the size of the image (seeing as this is for a responsive layout).

    # May 29, 2013 at 3:31 pm

    For it to not drop down it would need to have a smaller max width. You might want to try setting up the layout a little differently.

    # May 29, 2013 at 3:47 pm

    Are you trying to get them next to each other like this?

    http://codepen.io/johnmccartney/pen/cweJs

    # May 29, 2013 at 3:59 pm

    @TheDoc thanks, I’ll start tinkering with it and see what I come up with.

    @JohnMac4 Thanks for the tip but no, I want the text paragraphs to continue wrapping around the image.

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".