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
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
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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now