Thread: CSS help
View Single Post
Old 02-06-2012, 07:58 AM  
fris
Too lazy to set a custom title
 
fris's Avatar
 
Industry Role:
Join Date: Aug 2002
Posts: 55,506
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.
__________________
Since 1999: 69 Adult Industry awards for Best Hosting Company and professional excellence.


My Cam Feeds Script / Free Templates / Gallery Scraper
fris is offline   Share thread on Digg Share thread on Twitter Share thread on Reddit Share thread on Facebook Reply With Quote