image hover |
image hover |
![]()
Post
#1
|
|
Member ![]() ![]() Group: Member Posts: 24 Joined: Jul 2006 Member No: 439,453 ![]() |
I have had a DIV myspace layout a friend designed me
i know quite a bit of html and css but i cannot figure out how to get each image to show the separate hover image.... the myspace is here |
|
|
![]() |
*This Confession* |
![]()
Post
#2
|
Guest ![]() |
Okay to do this you need to put the main picture on top before you hover and then the picture that you want to show up when you hover on the bottom. Like the picture that are together.
now use this code to code it CODE <style type="text/css"> .pic{height: 175px; width: 163px; text-indent: 184px; overflow: hidden; background: url(URL TO PICTURE) top left no-repeat; display: block;} .pic:hover{background-position: bottom left;} </style> upload the image of the two images together and then put it in the code above where it says URL TO PICTURE. k what do you need explained more? or did you mean something like this? http://www.createblog.com/forums/index.php?showtopic=133768 |
|
|
![]() ![]() |