| Pages: 1 :: [one page] |
| Author |
Thread Statistics | Show CCP posts - 0 post(s) |
jide
The Nest
   |
Posted - 2007.09.04 05:49:00 -
[1]
I am trying to get image maps to work with the IGB.
The cursor changes when I mouse over an area, but if I click on the area, nothing happens.
I have a simple test page here.
code:
<html>
<body>
<map name="testmap" id="testmap">
<area href="area1.html" alt="area1"
shape="rect" coords="0,0,50,25">
<area href="area2.html" alt="area2"
shape="rect" coords="0,25,50,50">
</map>
<img src="areas.png" width="50" height="50"
usemap="#testmap">
</body>
</html>
Is there something that I am doing wrong or do image maps just not work with the IGB ?
|
jide
The Nest
|
Posted - 2007.09.16 05:03:00 -
[2]
Since I couldn't get image maps to work, I've tried to use divs with css to position them. But I am having trouble with that too.
Here's the test page:
<html>
<head>
<style>
body {
background-color: black;
margin: 0px;
}
.a {
border: 0px;
margin: 0px;
padding: 0px;
position: absolute;
top: 0px;
left: 0px;
width: 5px;
height: 5px;
}
div.a {
background-color: red;
}
</style>
</head>
<body>
<div class="a"
style="left: 20px; top: 10px;"
><a href="showinfo:5//30000012"
><img class="a" src="rect5.png"></a></div>
</body>
</html>
(rect5 is a 5x5 green png)
And this is what I get:
I would have expected the green dot to cover the red dot.
No matter what I try, I can't get them to match.
Am I doing something wrong ? Does anybody have an idea how I could make it work ?
|
Coconut Joe
VIRTUAL LIFE VANGUARD
Te-Ka
|
Posted - 2007.09.16 06:39:00 -
[3]
You're doing it right, but the IGB only recognises a limited set of tags, and so it can't do image maps. Refer here to view your options.
|
jide
The Nest
|
Posted - 2007.09.16 17:00:00 -
[4]
Yes, I did look at that page.
Image maps are listed as supported, this is why I tried it in the first place.
Then I tried to find another way to do it, and the solution I thought of was to use div boxes with absolute positioning.
I can get the divs to be positioned correctly, but I can't get the image links in those divs to start right at the top left corner of the divs.
|
Shinhan
Phoenix Knights
Dark Nebula Galactic Empire
|
Posted - 2007.09.16 20:48:00 -
[5]
How about doing it old-style?
Tables!
You'll have to cut the image in two, and I dont know if this will work with IGB, but try it out...
<html>
<body>
<table border="0" width="50" height="50" cellpading="0" cellspacing="0">
<tr><td><a href="area1.html" alt="area1"><img src="area1.png" width="50" height="25" border="0"></a></td></tr>
<tr><td><a href="area2.html" alt="area2"><img src="area2.png" width="50" height="25" border="0"></a></td></tr>
</table>
</body>
</html>
--
Selling apples, 1 signature each.
ѼѼѼѼѼѼѼ |
jide
The Nest
|
Posted - 2007.09.16 21:03:00 -
[6]
Tables would work for this very simple example, but this is just an example that I used to illustrate the problem.
What I want to do is have a system map, where I can display the systems in jump range. Like this. And I want the user to be able to click on the green dots to get to the show info window of the corresponding solarsystem.
I don't think I can use a table for that.
|
| |
|
| Pages: 1 :: [one page] |