View Single Post

#1
Bookmark and Share!
PayPal Buy Now button rollovers with CSS?
Old 2009-04-18

hey guys, is it possible to use paypal's buy now button generator code and give it a css valid rollover? normally i do rollovers like this:
Code:
#navButton {
     position: absolute;
     width: 200px;
     height: 80px;
     margin-top: 0px;
     margin-left: 0px;
     z-index: 2;
}

a.navButton {
     display: block;
     width: 200px;
     height: 80px;
     outline: none;
     background-image: url(../images/navWeek.jpg);
     background-repeat: no-repeat;
     background-position: 0px 0px;
     z-index: 2;
}
	 
a.navButton:hover {
     background-position: 0px -80px;
     z-index: 2;
}
the paypal generator gives you this code:

Code:
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
     <input type="hidden" name="cmd" value="_s-xclick">
     <input type="hidden" name="hosted_button_id" value="blah blah blah">
     <input type="image" src="http://www.yoursite.com/navButton.jpg" name="submit" alt="">
     <img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif">
</form>
i tried a bunch of different ways and couldn't figure out how to make that button hover! any help would be greatly greatly appreciated. thanks!
i'm not crazy. i'm just sane in a crazy world!
postbit arrow 4 comments | 1177 views postbit arrow Reply: with Quote   
midnite
Registered User
midnite is offline
seperator
Posts: 986
2003-01-27
midnite's Avatar
seperator

Ultrashock Member Comments: