Scotty13 Posted May 23, 2012 Share 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 Link to comment Share on other sites More sharing options...
TheGallery Posted May 24, 2012 Share Posted May 24, 2012 (edited) Can't you cut the keyhole from the background image and add it like the way know ? (position it there and make it a link) Edited May 24, 2012 by TheGallery Link to comment Share on other sites More sharing options...
eTianbun Posted May 24, 2012 Share Posted May 24, 2012 (edited) Just position a link inside the key hole.EXAMPLE: <a href='home.php' style='display:bock; width:100px; height:200px; position:absolute; left:300px; top:30px'></a> -OR-Use image <map> Edited May 24, 2012 by CodeName Link to comment Share on other sites More sharing options...
TheGallery Posted May 24, 2012 Share Posted May 24, 2012 (edited) Just position a link inside the key hole.EXAMPLE:<a href='home.php' style='display:bock; width:100px; height:200px; position:absolute; left:300px; top:30px'></a> -OR-Use image <map> I thought of that myself but since he is using the image as a background, wouldn't the image change dimensions depending on the user monitor? With the link element having a fixed size & dimensions that would be problematic right? Edited May 24, 2012 by TheGallery Link to comment Share on other sites More sharing options...
Scotty13 Posted May 24, 2012 Author Share 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 Link to comment Share on other sites More sharing options...
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