hi everyone,
i am new here and my english isnt that great but i will try to explain my problem.
i have made a website in dreamweaver for the first time in my life,
and i uploaded it here: www.xavieraaltena.com.
so i am totally happy and then i find out it only works in Safari (where i was checking it the whole time while i was making it), and in firefox and internet explorer it opens the links in a new tab instead of in the middleframe
i think it is something in the code... not sure.
i do not know anything about these codes, but i really hope that there is someone out there who can explain it to me, and what i am doing wrong.
maybe for the better i paste the code of the menubar under here.... so then it is maybe visible if i did something wrong:
i am new here and my english isnt that great but i will try to explain my problem.
i have made a website in dreamweaver for the first time in my life,
and i uploaded it here: www.xavieraaltena.com.
so i am totally happy and then i find out it only works in Safari (where i was checking it the whole time while i was making it), and in firefox and internet explorer it opens the links in a new tab instead of in the middleframe
i think it is something in the code... not sure.
i do not know anything about these codes, but i really hope that there is someone out there who can explain it to me, and what i am doing wrong.
maybe for the better i paste the code of the menubar under here.... so then it is maybe visible if i did something wrong:
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Xaviera Altena</title>
<style type="text/css">
#apDiv1 {
position:absolute;
width:495px;
height:116px;
z-index:1;
left: 225px;
top: 1px;
}
#apDiv2 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 9px;
top: 171px;
}
#apDiv3 {
position:absolute;
width:200px;
height:115px;
z-index:2;
}
#apDiv4 {
position:absolute;
width:200px;
height:115px;
z-index:1;
}
#apDiv5 {
position:absolute;
width:610px;
height:144px;
z-index:1;
left: 382px;
top: -2px;
}
</style>
</head>
<body class="welkom">
<p class="welkom"> </p>
<div id="apDiv5"><img src="../Images/Afbeeldingen/HETMENU.jpg" alt="HETMENU" width="602" height="202" border="0" usemap="#Map" />
<map name="Map"id="Map"><area shape="rect"coords="510,181,582,201" href="CONTACT.html" target="MIDDLEFRAME"/><br />
<area shape="rect"coords="337,182,423,201"href="producten.html"target="MIDDLEFRAME"/><br/>
<area shape="rect" coords="172,182,267,203" href="fotografie.html" target="MIDDLEFRAME"/>
<area shape="rect" coords="0,181,109,204" href="illustraties.html" target="MIDDLEFRAME"/>
</map>
</div>
<p class="welkom"> </p>
</body>
</html>