CSS Sprite Help Floting Icons

by ioncube September 5th 2011, 4:26 am

Here is my progress
Css part:

Code:: .flt-wdt{position:fixed; margin-right:10px; right:0; top:40%;} .flt-wdt ul{list-style:none;} .flt-wdt li{background: url(spr1.png) no-repeat;margin:0px;padding-top:0px;list-style:none;} .flt-wdt li a{height:32px;display:block;} .flt-wdt :hover{ -moz-transform: scale(1.2) rotate(6deg); -webkit-transform: scale(1.2) rotate(6deg); -o-transform: scale(1.2) rotate(6deg); -ms-transform: scale(1.2) rotate(6deg) translate(0px, 0px) skew(0deg, 0deg); transform: scale(1.2) rotate(6deg); } #flticon-001{ background-position: 0 0; width: 32px; height: 32px; } #flticon-002{ background-position: 0 -42px; width: 32px; height: 32px; } #flticon-003{ background-position: 0 -84px; width: 32px; height: 32px; } #flticon-004{ background-position: 0 -126px; width: 32px; height: 32px; }

Html part:

Code:: <!DOCTYPE html> <html> <head> <title>Float Icon</title> <link href='floaticn.css' rel='stylesheet' type='text/css'/> </head> <body> <ul class="flt-wdt"> <li id="flticon-001"><a href="http://www.facebook.com/pages/DefenceDog/183379545033991" target="_blank" title="Follow Me on Facebook"></a></li> <li id="flticon-002"><a href="http://twitter.com/defencedog" target="_blank" title="Follow Me on Twitter"></a></li> <li id="flticon-003"><a href="http://feedburner.google.com/fb/a/mailverify?uri=Defencedog&loc=en_US" target="_blank" title="Subscribe by Email"></li> <li id="flticon-004"><a href="http://feeds.feedburner.com/Defencedog" target="_blank" title="Subscribe to RSS"></li> </ul> </body> </html>

image used:
CSS Sprite Help Floting Icons Spr110

Problem:

The last icon that is the RSS icon is heavily misplaced...hover your mouse over it & won't show the URL its supposed to bwi

by ioncube September 6th 2011, 9:32 am

I have done a lot of homework now help for me is justified...

by shadowz au September 6th 2011, 10:54 am

Fix it..

U forgot to add </a>

Code:: <a href="http://feeds.feedburner.com/Defencedog" target="_blank" title="Subscribe to RSS"></a>

by ioncube September 6th 2011, 11:09 am

^^Thnx for help; but it doesnt solve the problem; you hover your mouse over rss icn & instead of saying 'Subscribe to rss' it shows 'subscribe to email'??
CSS Sprite Help Floting Icons 78910