Scotty13 Posted May 23, 2012 Report Posted May 23, 2012 I'm only a rookie, so I would appreciate any help and please don't answer with to complicated replies. I know how to add an image and make it a link or add a link. However, I have this background image on my website (image attached). All the images you see are one picture. I want my members to be able to hover over any part of the “key hole” and be able to click and send them to my home page. Is this even possible to do? Script… <?php ob_start(); ?> <!doctype html> <html> <head> <title>Page Title</title> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <style type="text/css"> <!-- body { background-image:url('app/web/img/login_logo.jpg'); background-position:center top; background-repeat:no-repeat; } .center { text-align: center; } --> </style> </head> <body> {APP_TPL} </body> </html> <?php include 'listings.php'; ?> Thank you, Scott Quote
Wickham Posted May 24, 2012 Report Posted May 24, 2012 I want my members to be able to hover over any part of the “key hole” and be able to click and send them to my home page. Is this even possible to do? It's called an image map (often used for maps with town names where there's a diiferent link when you hover over each town, or for group photos where hovering over each person leads to a profile of the person). See http://www.wickham43.net/imagemaps.php Quote
Scotty13 Posted May 24, 2012 Author Report Posted May 24, 2012 With some adjusting to get it just right around the key hole picture, this worked for me. I hope this helps someone else. <body> <a href='http://example.com' style='display:bock; width:115px; height:215px; position:absolute; left:40px; top:15px'></a> </body> Thank you ALL above for helping me. Scott Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.