why doesn't my image map work?


J

John Salerno

I'm doing a test with an image map. Don't worry, it's not supposed to
look good right now. Anyway, here's the markup, with the links:

-----------------

http://www.johnjsal.com/test.php

<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<link type="text/css" rel="stylesheet" href="">
<title></title>
</head>

<body>
<p><?php include("navbar.html") ?></p>
</body>
</html>

------------------

http://www.johnjsal.com/navbar.html

<img src="navbar.png" alt="Navigation Bar" usemap="#navbar">

<map id="navbar" name="navbar">
<area shape="rect" coords="0,0,3,1" href="index.html" alt="Home Page">
</map>



The problem is that there doesn't seem to be any clickable area at all.
I did the PHP as a test, but I also tried it normally and that still
didn't work.
 
Ad

Advertisements

W

Wÿrm

John Salerno said:
I'm doing a test with an image map. Don't worry, it's not supposed to look
good right now. Anyway, here's the markup, with the links:


The problem is that there doesn't seem to be any clickable area at all. I
did the PHP as a test, but I also tried it normally and that still didn't
work.

It works, try TAB key in that page, your problem lies in coords="0,0,3,1"
where you specify horrible SMALL rect area...
 
J

John Salerno

Wÿrm said:
It works, try TAB key in that page, your problem lies in coords="0,0,3,1"
where you specify horrible SMALL rect area...

LOL. My god I'm an idiot. I think the reason I did that was because I
had the image zoomed up real close in Photoshop, so it somehow made me
feel like it was a huge area! :)
 
Ad

Advertisements

J

John Salerno

Wÿrm said:
It works, try TAB key in that page, your problem lies in coords="0,0,3,1"
where you specify horrible SMALL rect area...

LOL. My god I'm an idiot! I had the coordinates window set on inches
instead of pixels!
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top