Advanced Search

Return to Snippet

Revision: 18830
at October 9, 2009 14:42 by adamcoulombe
Initial Code 
#myLogo {
	display:block;
	width:135px; /* change to your image width */
	height:35px; /* change to your image height */
	background:url(myLogo.gif) no-repeat;
	text-indent:-9999px;
}


/* in your HTML:

<h1 id="myLogo">My Company Name</h1>

*/
Initial URL 









Initial Description





This is handy for cleaning up your HTML to use more plain text and fewer img tags. Whether this is SEO friendly or not is subjective. I tend to think it's fine as long as you don't use it for spam. Digg implements a similar method for their main logo.









Initial Title





Replace HTML text with image using only CSS









Initial Tags





css, image, html, text









Initial Language





CSS