Log In · Register

 
image hover
THEFAKE
post Aug 3 2006, 05:19 PM
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
 
 
Start new topic
Replies
*This Confession*
post Aug 3 2006, 06:51 PM
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
 

Posts in this topic
THEFAKE   image hover   Aug 3 2006, 05:19 PM
Azarel   Do you mean an image rollover so that the image ch...   Aug 3 2006, 06:09 PM
This Confession   Image rollover no you can do it on myspace as well...   Aug 3 2006, 06:34 PM
Azarel   Ooh, okay. I wasn't sure on that. >>;   Aug 3 2006, 06:36 PM
This Confession   Okay This is going to be a lot of work but I just...   Aug 3 2006, 06:41 PM
THEFAKE   i didnt understand that too well   Aug 3 2006, 06:48 PM
This Confession   Okay to do this you need to put the main picture o...   Aug 3 2006, 06:51 PM


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: