CSS Rollover Breaks masonry
# January 6, 2013 at 12:57 pm
As chrisburton [suggested](http://css-tricks.com/forums/discussion/21585/how-do-i-replicate-this-hover-effect#Item_21 “”) here’s the new thread about more complex rollovers.
I’ve adapted chris [codepen](http://codepen.io/chrisburton/pen/xKLwd “”) example to my project and everything went fine except for links in the rollover. If i put links in the rollover it breaks my masonry layout.
I made an example (actually another fork of chris snippet) on [Codepen](http://codepen.io/anon/pen/armIo “”)
The rollover won’t work as long as there’s an a tag somethere inside the rollover.
it seems it has something to do with nesting links in links but how am i supposed to handle that?
Many thanks in advance.# January 6, 2013 at 2:31 pm
Hmm. I’m not sure how to go about this since you need the whole thing to wrap in an anchor tag (and you can’t nest anchor tags). If I go about it the way I was thinking, the `ul` that wraps around the tags will not be clickable.
If we go about it the way you’d like, the user could accidentally clicks outside one of the tags and be redirected to wherever the thumbnail links to. Basically it could be annoying to the user.
You must be logged in to reply to this topic.