Staredit Network

Staredit Network -> Computers and Technical -> Trouble with image map

Report, edit, etc...Posted by Mp)7-7 on 2006-10-22 at 21:24:28

I am making an image map with 6 links

CODE

<html>
<head>
<title>navigation.html</title>
</head>
<body>
<body bgcolor="#000000">
<img src="images/navigation.jpg" width="140" height="300"
usemap ="navigation" />

<map id ="navigation"
name="navigation">
<area shape ="rect" coords ="0,0,140,60"
href ="links.html"
alt="Links" />
<area shape ="rect" coords ="0,60,140,60"
href ="lab4.html"
alt="Lab 4" />
<area shape ="rect" coords ="0,120,140,60"
href ="navigation.html"
alt="Nav" />
<area shape ="rect" coords ="0,180,140"
href ="main.html"
alt="Main" />
<area shape ="rect" coords ="0,240,140,30"
href ="noframes.html"
alt="No Frames" />
<area shape ="rect" coords ="0,270,140,30"
href ="http://www.w3schools.com/"
alt="W3Schools" />
</map>
</body>
</html>

The image is completely black with a blue border around it (for link) and the links show right except the bottom has a bit of a blank and it just shoes links, navigation, no frames, and w3schools. The others arent there.

The top 4 are 60 pixels tall and bottom 2 are 30, the whole image is 140 wide and 300 tall. Help is needed, thanks. Extra info-this is part of my frames page.

ADDITION:
can anyone help me with this?

Report, edit, etc...Posted by fatimid08 on 2006-10-25 at 18:21:30

First, you got two body tags.
Second, the main area should have the bottom set.
And third, the last parameter is not the height, it's the bottom. So it should be 60, 120, 180, 240, 270, and 300 respectively.

I tested it out, I think this should solve the problem.

Report, edit, etc...Posted by Mp)7-7 on 2006-10-25 at 22:57:23

ph, I should have closed this a while ago, I figured it out on my own. Yes thanks, that was the problem.

And if anyone was wondering, this is what it is supposed to look like, if you want help this ever.

CODE

<html>
<head>
<title>navigation.html</title>
</head>
<body bgcolor="#000000">
<img src="images/navigation.gif" width="140px" height="300px" border="0px"
alt ="Navigation"
usemap ="#navigation" />

<map id ="navigation"
name="navigation">
<area shape ="rect" coords ="0,0,140,60"
href ="links.html" target ="main"
alt="Links" />
<area shape ="rect" coords ="0,60,140,120"
href ="lab4.html" target ="main"
alt="Lab 4" />
<area shape ="rect" coords ="0,120,140,180"
href ="navigation.html" target ="main"
alt="Nav" />
<area shape ="rect" coords ="0,180,140,240"
href ="main.html" target ="main"
alt="Main" />
<area shape ="rect" coords ="0,240,140,270"
href ="noframes.html" target ="_blank"
alt="No Frames" />
<area shape ="rect" coords ="0,270,140,300"
href ="http://www.w3schools.com/" target ="main"
alt="W3Schools" />
</map>
</body>
</html>

Next Page (1)