PDA

View Full Version : Image map problem!

royall
03-17-2005, 03:26 PM
I created an image map on my website, and the areas where the links should be are all messed up! if you want to see it go to www.royallandhisbox.com/fun.htm. The "A" button should be Pong, the "B" button should be Tetris, the "Y "button should be Tic Tac Toe, the "X" button should be Snake, and the "Back" button should be to go back to the index.htm page, but the links are all over the place:( ! Please help:anykey: :bluescrn:
KWJams
03-17-2005, 07:32 PM
You may need to check your spelling.

Is cirlce supposed to be --> circle as in a round circle?

<map name="gamecontrol" id="gamecontrol">
<area alt="Pong" shape="cirlce" coords="682,360,30px" href="pong.htm"/>
<area alt="Tetris" shape="cirlce" coords="750,290,26px" href="tetris.htm"/>
<area alt="Snake" shape="cirlce" coords="618,292,26px" href="game.htm"/>
<area alt="Tic Tac Toe" shape="cirlce" coords="683,225,25px" href="tictactoe.htm"/>
<area alt="Back" shape="cirlce" coords="107,384,16px" href="index.htm"/>
</map>
_Aerospace_Eng_
03-18-2005, 07:21 AM
and on top of the spelling it doesn't work when you put units in, so this is what your map should look like
<map name="gamecontrol" id="gamecontrol">
<area alt="Pong" shape="circle" coords="682,360,30" href="pong.htm"/>
<area alt="Tetris" shape="circle" coords="750,290,26" href="tetris.htm"/>
<area alt="Snake" shape="circle" coords="618,292,26" href="game.htm"/>
<area alt="Tic Tac Toe" shape="circle" coords="683,225,25" href="tictactoe.htm"/>
<area alt="Back" shape="circle" coords="107,384,16" href="index.htm"/>
</map>
royall
03-18-2005, 02:19 PM
Oh yea, the spelling is wrong...and the back button is the button that has the word "back" on it, which is in fact round.
royall
03-18-2005, 02:39 PM
Now how do I make it so when the game opens up, it opens up in a seperate window with the size of my choice?
_Aerospace_Eng_
03-18-2005, 02:57 PM
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script type="text/javascript">
function openwin(URL,wid,hgt){
sw=(screen.width-wid)/2;
sh=(screen.height-hgt)/2;
window.open(''+URL+'','','width='+wid+',height='+hgt+',top='+sh+',left='+sw+'');
}
</script>
</head>

<body>
<img src="controller.jpg" usemap="#gamecontrol">
<map name="gamecontrol" id="gamecontrol">
<area alt="Pong" shape="circle" coords="682,360,30" href="javascript:openwin('pong.htm','400','400');" />
<area alt="Tetris" shape="circle" coords="750,290,26" href="javascript:openwin('tetris.htm','400','400');" />
<area alt="Snake" shape="circle" coords="618,292,26" href="javascript:openwin('game.htm','400','400');" />
<area alt="Tic Tac Toe" shape="circle" coords="683,225,25" href="javascript:openwin('ticttactoe.htm','400','400');" />
<area alt="Back" shape="circle" coords="107,384,16" href="index.htm"/>
</map>
</body>
</html>
royall
03-18-2005, 03:03 PM
I did that, but it doesnt work. You can see whats wrong at www.royallandhisbox.com/fun.htm

the html code is:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Games</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">

<STYLE type=text/css>BODY {
COLOR: green; BACKGROUND-COLOR: black
}
</STYLE>

<META http-equiv=Page-Enter content=blendTrans(Duration=1.0)>
<SCRIPT language=JavaScript src="fun_files/AnimatedFader.js"></SCRIPT>

<script type="text/javascript">
function openwin(URL,wid,hgt){
sw=(screen.width-wid)/2;
sh=(screen.height-hgt)/2;
window.open(''+URL+'','','width='+wid+',height='+hgt+',top='+sh+',left='+sw+'');
}
</script>
</head>

<body>
<img src="controller.jpg" usemap="#gamecontrol">
<map name="gamecontrol" id="gamecontrol">
<area alt="Pong" shape="circle" coords="682,360,30" href="#106avascript:openwin('pong.htm','400','400');" />
<area alt="Tetris" shape="circle" coords="750,290,26" href="#106avascript:openwin('tetris.htm','400','400');" />
<area alt="Snake" shape="circle" coords="618,292,26" href="#106avascript:openwin('game.htm','400','400');" />
<area alt="Tic Tac Toe" shape="circle" coords="683,225,25" href="#106avascript:openwin('ticttactoe.htm','400','400');" />
<area alt="Back" shape="circle" coords="107,384,16" href="index.htm"/>

<center><img src="gamelogo.jpg"></center>
<center><img src="controller.jpg" usemap="#gamecontrol"><center>
<center>
A button = Pong<br>
B button = Tetris<br>
X button = Snake<br>
Y button = Tic Tac Toe<br>
Back button = Home<br>
Black button = Jump to Forums<br>
White button = Jump to Movies
</BODY></HTML>
_Aerospace_Eng_
03-18-2005, 03:38 PM
i was editing my post i guess while you were reading, my current post is the working way