Thread: CSS help
View Single Post
Old 02-06-2012, 08:02 AM  
Mutt
Too lazy to set a custom title
 
Mutt's Avatar
 
Industry Role:
Join Date: Sep 2002
Posts: 34,431
Quote:
Originally Posted by fris View Post
i would do it a different way.

example

Code:
html example

<div id="footer">
    <ul>
		<li><a href="http://www.gfy.com/feed/" class="feed" title="Subscribe to the GFY feed">Feed</a></li>	
    </ul>
</div>

css for this

#footer ul li a {
    display: block;
    float: left;
    padding: 3px 15px 3px 12px;
    color: #999;
    text-decoration: none;
}

#footer ul li a.feed {
    background: url(images/icon_feed.gif) 0 60% no-repeat;
}

#footer ul li a:hover {
    color: #4E677A;
    text-decoration: underline;
}
of course you would have to take into consideration the size of your icon.
thanks, gonna add the float left
__________________
I moved my sites to Vacares Hosting. I've saved money, my hair is thicker, lost some weight too! Thanks Sly!
Mutt is offline   Share thread on Digg Share thread on Twitter Share thread on Reddit Share thread on Facebook Reply With Quote