This post originated from an RSS feed registered with Web Buzz
by Chris Eidhof.
Original Post: Easy Image Replacement
Feed Title: buzzdriver
Feed URL: http://www.my-website.nl/weblog/feed/
Feed Description: This is a technical weblog about web development, and mainly focussed on markup, css, javascript, semantic web, but also other things like linux, open source and general tech-related subjects.
What is the best way to replace your clickable h1’s with a nice clickable logo without using javascript? Personally, I don’t know, but this works quite good for me:
<h1><a href="/">Home</a></h1>
And the CSS:
h1 {
width: 700px;
height: 40px;
background-image: url("your_image.png");
}
h1 a {
display: block;
width: 100%;
height: 100%;
text-indent: [...]