Using Logo with CSS

Category: CSS | 1,170 views |

Let’s start with with HTML code. It needs to be as simple as possible, showing only the name of your site/logo enclosed within header tags and a link:

1	<h1><a href="http://CSSHOOK.COM">CSS HOOK</a></h1>

Now once you have the HTML code in place, it’s simply a case of styling it with some straight forward CSS.

h1 {
	text-decoration:none;
	border:0;
	width : 162px;
	height : 113px;
	margin : 0;
	padding : 0;
	background : url(/images/logo.gif) no-repeat 0 0;
}
 
h1 a {
	display : block;
	height : 113px;
	text-indent : -9999px;
}