Home › Forums › CSS › Redundant icons? › Re: Redundant icons?
July 7, 2009 at 3:27 pm
#60330
Member
To make the code even better, you should take on Apostrophe’s suggestion about the text indenting. Your HTML would look perfect with:
Code:
You would simply add this line into your CSS:
Code:
a.youtube {
display: block;
float: left;
margin-left: 10px;
margin-top: 8px;
border: 1px solid #fff;
width: 40px;
height: 40px;
background: transparent url(../images/youtubeSD.png) no-repeat;
overflow: hidden;
text-indent: -9999px; /* ADD THIS LINE */
}
display: block;
float: left;
margin-left: 10px;
margin-top: 8px;
border: 1px solid #fff;
width: 40px;
height: 40px;
background: transparent url(../images/youtubeSD.png) no-repeat;
overflow: hidden;
text-indent: -9999px; /* ADD THIS LINE */
}