- This topic is empty.
-
AuthorPosts
-
December 12, 2012 at 1:59 am #41284bogusParticipant
…despite a rollover?
Hey all. I’ve made this [wordpress theme](http://tingeltangel.megavillain.org/ “”). when you click archive in the lower right corner a masonry thumbnail grid appears. Now i want the thumbnail containers to be clickable so they open the post they belog to. the code for my boxes is:
if( $post->ID == $do_not_duplicate ) continue; update_post_caches($posts); ?>
‘); ?>
and the css for that area is:
#masonry .box img {
display: block;
}#masonry .box .rollover {
position: absolute;
top: 0px;
left: 0px;
display: block;
width: 400px;
height: 100%;
background: rgba(0, 0, 0, 0.2);
opacity: 0;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
}#masonry .box .rollover:hover {
opacity:1;
}#masonry .box .tags {
position: absolute;
width: 280px;
top: 60px;
left: 60px;
}#masonry .box .tags a {
font-family: Lato, Helvetica, Arial, sans-serif;
font-weight: 300;
font-size: 14px;
text-decoration: none;
background-color: rgba(255, 255, 255, 0.6);
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 4px 4px 4px 4px;
-webkit-transition-duration: 0.2s;
-webkit-transition-property: 0.2s;
-o-transition-duration:: 0.2s;
-o-transition-property: background-color;
-moz-transition-duration: 0.2s;
-moz-transition-property: background-color;
border: medium none;
font-size: 16px;
margin: 2px;
padding: 5px 12px 8px;
text-decoration: none;
color: #171717;
float: left;
}How will I get that to work? Is my HTML correct for that specific task?
Maybe i didn’t come across properly with what my problem is. I’d just like to click a thumbnail anywhere except the tag buttons and open the post. Putting the span inside an a seems to be the wrong idea. :(
I’d still like to keep the hover effect i put so much work into, though.