Quick question, link shows image rollover |
![]() ![]() |
Quick question, link shows image rollover |
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. |
|
|
|
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
|
|
|
|
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.* |
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. |
|
|
|
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?
|
|
|
|
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.
|
|
|
|
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?
|
|
|
|
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?
|
|
|
|
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..
|
|
|
|
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
|
|
|
|
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.
|
|
|
|
![]() ![]() |