on hover change width

[bondigor69]

hey guys please check this site http://testz.salamandra-review.com/
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!

[Anonymous]

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.

[bondigor69]

@ChrisP thank you it works now

[bondigor69]

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

[dougoftheabaci]

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.

[nexuss]

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

[Author]

Posts