|
| Index | Recent Threads | Unanswered Threads | Who's Online | User List | Help |
|
|
| No member browsing this thread |
|
Thread Status: Active Total posts in this thread: 6
|
|
| Author |
|
|
Advanced Member Joined: Sep 7, 2003 Post Count: 409 Status: Offline |
Hi All, I am currently in the midle of a good discussion on Beginners to web design and am looking for a Javascript. I would like to set up a link so that when you hover over it, an image pops up to the right as you are on the link. Then when you move to another link, another image pops up. I am certain I have seen a Javascript that does this. Any advice or directions will be most appreciated. Best wishes Graeme |
||
|
|
Advanced Member USA Joined: Nov 27, 2003 Post Count: 6285 Status: Offline |
Try it with CSS: Pure CSS Pop Up |
||
|
|
Advanced Member Joined: Sep 7, 2003 Post Count: 409 Status: Offline |
Great, thanks, I think this is what I'm looking for. One question please, can I position the images to appear on the right of the links when hovered? Thanks again Your'e a star! Graeme |
||
|
|
Advanced Member USA Joined: Nov 27, 2003 Post Count: 6285 Status: Offline |
You can place it anywhere you like. All you need to do is say where it is supposed to apear, this can be done in pixels if you like. left: 137px; top: 48px; It is all a matter of where you position it. |
||
|
|
Advanced Member Joined: Sep 7, 2003 Post Count: 409 Status: Offline |
Hi Again, I would like to have the links in the middle of the page with the images to the right on hover. Maybe some text above and below as content. It seems the code you kndly offered from Pure CSS Popup has the links fixed in a column to the right of the page. Can I have the page with the links in the middle and not in a cloumn on the right? Maybe the links could float frely in the middle! I have played about with the positions and the image has moved. Sorry to be a pain but I thik I'm hooked on CSS now! Thanks again Graeme |
||
|
|
Advanced Member USA Joined: Nov 27, 2003 Post Count: 6285 Status: Offline |
LOL You just need to state where it goes. You can either use css Positioning for the links or tables as you like, whatever works best. Then you state in your CSS where you wish it to appear, in my other post it would be 137 pixels from the left and 48 pixels from the top. So you can have it top, bottom left or right from your link.... whatever you like. All you need to do is state that in the a:hover span section of the css. I can not really explain it more. You have Eric Meyer's CSS. You can also call up ,ine where I have used this. Jugendf�rderung & Jugendf�rderung CSS Z�rich Grundschule & Z�rich Grundschule CSS Once you see how I have used it for link tips and where I placed them, maybe you will better understand how to use it. Just use meyer's as a template for that part of the code, then figure out yourself where you want it to appear. |
||
|
|
|
|
|
Current timezone is GMT Jun 19, 2013 3:08:02 AM |