Log In · Register

 
 
Closed TopicStart new topic
Quick question, link shows image rollover
imnotdramatic
post Nov 11 2006, 09:53 PM
Post #1


^Relient K^
***

Group: Member
Posts: 43
Joined: Jul 2006
Member No: 434,984



Okay so.

http://www.createblog.com/scripts/download.php?id=254

The code for the image rollovers, where you hover over a link and see an image...I know the first part of the code is for positioning the image. I've got everything down, except for one little detail. How do you position where the link goes? It's probably something really obvious but I'm exhausted and knowing me I overlooked it somehow. Thanks in advance. Problem Solved!

***NEW PROBLEM***

The image is not moving...where I'm supposed to position the image, it's not going where I'm telling it to. It's just staying in this place I didn't even position it to go to. I overlooked every code and nothing seems to be messing it up.
 
bigtrey90
post Nov 11 2006, 10:29 PM
Post #2


talent on another level
*****

Group: Member
Posts: 746
Joined: Oct 2006
Member No: 475,735



well i think that you have to adjust the position on the code, thats ma guess
 
imnotdramatic
post Nov 11 2006, 10:35 PM
Post #3


^Relient K^
***

Group: Member
Posts: 43
Joined: Jul 2006
Member No: 434,984



If you are refering to this part of the code:

CODE
top: 10px; left: 130px;


it's for the image, not the link.
 
*Infinite.*
post Nov 11 2006, 10:43 PM
Post #4





Guest






QUOTE
1)<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>


2)<a href="LINK URL">NAME OF LINK HERE<span><img src="URL TO IMAGE" width="100px"></span></a>


All you do is take the the 2nd part and put it in a div:

CODE
<div class="content" style="position: absolute; left:000px;  top:000px; width:000px; height:000px; overflow: auto;"><center>
CONTENT FOR DIV.
</div>


and position that div where ever you want the links to go.
 
imnotdramatic
post Nov 12 2006, 08:58 AM
Post #5


^Relient K^
***

Group: Member
Posts: 43
Joined: Jul 2006
Member No: 434,984



I already have it in a DIV...I just thought it was something different because it's not showing up over my images. How do I get it to be layered on top instead of bottom?
 
imnotdramatic
post Nov 12 2006, 02:48 PM
Post #6


^Relient K^
***

Group: Member
Posts: 43
Joined: Jul 2006
Member No: 434,984



Alright, I fixed the problem...it was that I had the div class with the links in my intrests section before the div class with the image. I put the image before the links and now it's all good. Thanks and sorry, CB you can close this now.
 
imnotdramatic
post Nov 14 2006, 10:32 AM
Post #7


^Relient K^
***

Group: Member
Posts: 43
Joined: Jul 2006
Member No: 434,984



Alright, now I've got a new problem...anyone care to help?
 
jp2b
post Nov 14 2006, 01:28 PM
Post #8


Senior Member
***

Group: Member
Posts: 72
Joined: Sep 2006
Member No: 463,281



What code are you using?
 
imnotdramatic
post Nov 14 2006, 01:55 PM
Post #9


^Relient K^
***

Group: Member
Posts: 43
Joined: Jul 2006
Member No: 434,984



The one I posted.. _dry.gif
 
jp2b
post Nov 14 2006, 02:01 PM
Post #10


Senior Member
***

Group: Member
Posts: 72
Joined: Sep 2006
Member No: 463,281



I mean with what you put it in it because somewhere there is something clashing codes or just missing something kinda hard to tell with a default script that works from here tongue.gif
 
imnotdramatic
post Nov 14 2006, 02:07 PM
Post #11


^Relient K^
***

Group: Member
Posts: 43
Joined: Jul 2006
Member No: 434,984



Um, heh, sorry, I just figured it out. What you said, "clashing codes" is what gave it away, I had them all in one DIV and different positions. Thanks! Okay, CB you can really close this now. biggrin.gif
 

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