Log In · Register

 
 
Closed TopicStart new topic
div help!
twinkle915
post Aug 6 2006, 10:28 PM
Post #1


Senior Member
****

Group: Member
Posts: 275
Joined: Jan 2006
Member No: 348,679



blink.gif i dont know if this is the right place to post this but here i go...ok so i am a layout site w/ 80k friends and me and my friend are deciding to make divs and so far we only have three divs and we saw this site that had this GREAT! div on their site::

http://profile.myspace.com/index.cfm?fusea...iendid=63737492

and how did they do that hovering thing its soooo cool! if u know please help me!
 
GREASEbaby
post Aug 6 2006, 10:38 PM
Post #2


What's my name? Janette. and ily. <3
******

Group: Member
Posts: 2,139
Joined: Apr 2006
Member No: 391,911



It's an image rollover.

This code aligns where the image should be:
<style stype="text/css">
a span{display:none;}
a:hover span {display: block;
position: absolute; top: 10px; left: 130px; width:100px;
padding: 0px; margin: 0px; z-index: 5;
color: white; background: black;filter:none;
font-size: 10px;font-family: small fonts; text-align: left; text-decoration:none;}

.hidethem {visibility:hidden; display:none;}
</style>


And this one is just for the links and images. Keep in mind that you need to change the width.

<a href="LINK URL">NAME OF LINK HERE<span><img src="URL TO IMAGE" width="100px"></span></a>
 
twinkle915
post Aug 6 2006, 10:42 PM
Post #3


Senior Member
****

Group: Member
Posts: 275
Joined: Jan 2006
Member No: 348,679



oh thanks! happy.gif i'll try it later cuz i have to get off right now but if it doesnt work then ill write back
 
twinkle915
post Aug 7 2006, 11:37 AM
Post #4


Senior Member
****

Group: Member
Posts: 275
Joined: Jan 2006
Member No: 348,679



scratch that

it doesnt work :/

i tried but nope sad.gif dont u have to use something called imagemapping or something?
 
GREASEbaby
post Aug 7 2006, 11:42 AM
Post #5


What's my name? Janette. and ily. <3
******

Group: Member
Posts: 2,139
Joined: Apr 2006
Member No: 391,911



Mmm no. Imagemapping and myspace don't really mix.

However I know there's a code in the scripts. Go look there.
Other than that I suggest google ermm.gif

But if you don't wanna search I guess I can.
 
freeflow
post Aug 7 2006, 11:43 AM
Post #6


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270



No myspace doesn't allow image mapping. Well it does but its complicating. If you considered that you would need slicing. If you want image rollovers you have to use this method.

Even if you imagemapped. It still wouldn't work, because you want a hover effect. Not a plain link.
 
twinkle915
post Aug 7 2006, 11:55 AM
Post #7


Senior Member
****

Group: Member
Posts: 275
Joined: Jan 2006
Member No: 348,679



yea i saw that code but it didnt work either shrug.gif
 
freeflow
post Aug 7 2006, 12:19 PM
Post #8


t-t-t-toyaaa
********

Group: Official Member
Posts: 19,821
Joined: Apr 2004
Member No: 11,270



Did you position it where you wanted it to go?
QUOTE
position: absolute; top: 10px; left: 130px; width:100px;

Thats whre you position it. If you don't edit that it would be at the top of the screen around the ad.
 

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