BioRUST Forums - View Single Post

Krazy3 · 11-09-2006

Here Ya Go:

#one { float: left; background-image: url(YOUR IMAGE #1); background-repeat: no-repeat; }

#one:hover { float: left; background-image: url(YOUR IMAGE #2); background-repeat: no-repeat; }

#one:active { float: left; background-image: url(YOUR IMAGE #3); background-repeat: no-repeat; }

Just make sure you specify an <a> tag with the right id and edit the CSS to fit your image width and height. =)

Hope this helped!

11-09-2006	#4 (permalink)
Krazy3 Registered User Join Date: Oct 2006 Posts: 22	Here Ya Go: #one { float: left; background-image: url(YOUR IMAGE #1); background-repeat: no-repeat; } #one:hover { float: left; background-image: url(YOUR IMAGE #2); background-repeat: no-repeat; } #one:active { float: left; background-image: url(YOUR IMAGE #3); background-repeat: no-repeat; } Just make sure you specify an <a> tag with the right id and edit the CSS to fit your image width and height. =) Hope this helped! __________________ I like smilies... what?