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

Home Forums CSS on hover change width

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #42121

    hey guys please check this site
    When is loaded please hover on any post and you’ll see that the width changes but it pushes all other posts.

    I don’t want it like that. I want the post to go over other posts on hover, not to push them.

    How can I do that.

    Thank you for your time my friends!


    I think you should replace that method for showing the ingredients. Its not convenient because you can navigate freely back and forth. And the last thumbnail has problems with :hover.


    @ChrisP thank you it works now


    Hey @ChrisP there is still a smal problem when you hover on the first post of 2nd row????
    How can I fix that


    You can solve the problem by putting each item in a container, having it be relatively positioned with a width of the default view. Then have an inner container which you manipulate the width of that’s positioned absolutely. Then your layout won’t change as what’s “changing” is a container that doesn’t effect layout.

    It’s extra markup but it will achieve what you want.


    @dougoftheabaci is right. You could try that. Use jQuery instead of CSS when animating on hover.

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