Jump to content

Make a clickable link in a certain spot?


Scotty13

Recommended Posts

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

post-27304-046059800 1337814233_thumb.jpg

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...