Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Generic image replacement method for a link, with a wrapper
<div class="wrapper">
<a href="http://yahoo.com">Text link</a>
</div>
.wrapper {
background: url("http://joidesresolution.org/sites/default/files/image/kidsPage_blogHere.png") no-repeat transparent;
height: 88px;
width: 116px;
}
a {
display: block;
font-size: 0;
height: 100%;
width: 100%;
}
/* readability settings */
body {
background: #006;
}
.wrapper {
margin: 10%;
}
/* /readability */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment