http://www.studio-bormann.de/Schroeder/3/main3-1.htm
dit werkt niet in NS en heb geen idee waarom niet... NS werkt toch ook gewoon met DIVjes?
Hier is de code
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="../Copy%20of%20bormann2.css" type="text/css">
<style>
@import url(../example.css);
</style>
<style type="text/css">
#divLinks{position:absolute; top:200; left:50; font-family:verdana; font-size:9pt}
#test{position:absolute; top:185; left:350; width:100; font-family:verdana; font-size:9pt}
#test2{position:absolute; top:200; left:350; width:100; font-family:verdanal; font-size:9pt}
#test3{position:absolute; width:100; font-family:verdana; font-size:9pt}
</style>
<script type="text/javascript" language="JavaScript">
//Default browsercheck, added to all scripts!
function checkBrowser(){
this.ver=navigator.appVersion
this.dom=document.getElementById?1:0
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
return this
}
bw=new checkBrowser()
//With nested layers for netscape, this function hides the layer if it's visible and visa versa
function showHide(div,nest){
obj=bw.dom?document.getElementById(div).style:bw.ie4?document.all[div].style:bw.ns4?nest?document[nest].document[div]:document[div]:0;
if(obj.visibility=='visible' || obj.visibility=='show') obj.visibility='hidden'
else obj.visibility='visible'
}
//Shows the div
function show(div,nest){
obj=bw.dom?document.getElementById(div).style:bw.ie4?document.all[div].style:bw.ns4?nest?document[nest].document[div]:document[div]:0;
obj.visibility='visible'
}
//Hides the div
function hide(div,nest){
obj=bw.dom?document.getElementById(div).style:bw.ie4?document.all[div].style:bw.ns4?nest?document[nest].document[div]:document[div]:0;
obj.visibility='hidden'
}
</script>
<script language="javascript" src="file:///C|/Sites/projects/Bormann/domLib.js"></script>
<script language="javascript" src="file:///C|/Sites/projects/Bormann/domTT.js"></script>
<script>
var domTT_mouseHeight = domLib_isIE ? 17 : 20;
var domTT_offsetX = domLib_isIE ? -2 : 0;
var domTT_classPrefix = 'domTTClassic';
</script>
</head>
<body bgcolor="#B6CDE4" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="hintergrund" style="position:absolute; left:0; top:0; visibility:visible; z-index:5; width: 512px; height: 320px">
<table width="512" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="338" valign="top" rowspan="2">[img]"../images/main311.gif"[/img]</td>
<td width="174" valign="top" height="204">
<table width="100%" border="0" background="../images/3-11_02.jpg" cellpadding="3" cellspacing="0">
<tr>
<td width="168" valign="top" background="../txtbg.gif" height="204"><font class="smalltext">
<span class="zwischenbr"><br>
</span> Wir fertigen auch Sichtteile aus Messing, welche kächste
Oberflächenanforderungen einer anschließenden Verchromung
Stand halten müssen. Von flachen Teilegeometrien bis hin zu hohen
Biegeverformungen bringen wir Ihre Artikel in Form.<br>
</font> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="113" valign="top">[img]"../images/main311.gif"[/img]</td>
</tr>
</table>
<map name="Map">
<area shape="poly" coords="55,24,84,35,130,15,155,29,148,51,89,70,61,74,40,62" href="#" onMouseOver="show('1');return makeTrue(domTT_activate(this, event, 'content', 'Tooltip', 'trail', true, 'lifetime', 1200));" onMouseOut="hide('1');">
<area shape="circle" coords="215,57,19" href="#" onMouseOver="show('2');return makeTrue(domTT_activate(this, event, 'content', 'Tooltip2', 'trail', true, 'lifetime', 1200));" onMouseOut="hide('2');">
<area shape="poly" coords="243,3,266,13,281,10,294,24,317,38,298,57,230,30,226,17,232,8" href="#" onMouseOver="show('3')" onMouseOut="hide('3')">
<area shape="poly" coords="92,86,123,102,63,144,36,132" href="#" onMouseOver="show('4') "onMouseOut="hide('4')">
<area shape="poly" coords="170,76,237,109,227,124,195,116,175,146,148,129,152,92" href="#" onMouseOver="show('5') "onMouseOut="hide('5')">
<area shape="poly" coords="280,86,325,115,314,132,268,108" href="#" onMouseOver="show('6') "onMouseOut="hide('6')">
<area shape="poly" coords="66,184,97,144,124,156,91,199" href="#" onMouseOver="show('7') "onMouseOut="hide('7')">
<area shape="circle" coords="155,182,28" href="#" onMouseOver="show('8') "onMouseOut="hide('8')">
<area shape="poly" coords="217,142,262,161,236,188,205,169" href="#" onMouseOver="show('9') "onMouseOut="hide('9')">
<area shape="poly" coords="286,136,306,145,287,171,271,155" href="#" onMouseOver="show('10') "onMouseOut="hide('10')">
<area shape="poly" coords="105,198,167,237,157,254,131,253,107,247,92,218" href="#" onMouseOver="show('11') "onMouseOut="hide('11')">
<area shape="poly" coords="194,201,219,218,207,233,179,223" href="#" onMouseOver="show('12') "onMouseOut="hide('12')">
<area shape="poly" coords="106,263,124,277,94,298,80,288" href="#" onMouseOver="show('13') "onMouseOut="hide('13')">
<area shape="poly" coords="114,300,151,264,163,273,125,309" href="#" onMouseOver="show('14') "onMouseOut="hide('14')">
<area shape="poly" coords="198,240,222,251,200,272,184,266" href="#" onMouseOver="show('15') "onMouseOut="hide('15')">
<area shape="circle" coords="283,221,16" href="#" onMouseOver="show('16') "onMouseOut="hide('16')">
<area shape="poly" coords="252,233,268,243,247,260,237,254" href="#" onMouseOver="show('17') "onMouseOut="hide('17')">
<area shape="circle" coords="271,268,10" href="#" onMouseOver="show('18') "onMouseOut="hide('18')">
<area shape="circle" coords="298,254,12" href="#" onMouseOver="show('19') "onMouseOut="hide('19')">
<area shape="circle" coords="323,235,13" href="#" onMouseOver="show('20') "onMouseOut="hide('20')">
</map>
<map name="Map2">
<area shape="circle" coords="23,64,18" href="#" onMouseOver="show('21') "onMouseOut="hide('21')">
<area shape="circle" coords="54,28,21" href="#" onMouseOver="show('22') "onMouseOut="hide('22')">
<area shape="circle" coords="79,91,18" href="#" onMouseOver="show('23') "onMouseOut="hide('23')">
<area shape="circle" coords="120,50,31" href="#" onMouseOver="show('24') "onMouseOut="hide('24')">
</map>
</div>
<div id="hintergrund" style="position:absolute; left:0; top:0; visibility:visible; z-index:-3;; width: 512px; height: 320px">[img]"../images/3-11.jpg"></div> <div[/img][img]"../images/3-111.gif"></div> <div[/img][img]"../images/3-112.gif"></div> <div[/img][img]"../images/3-113.gif"></div> <div[/img][img]"../images/3-114.gif"></div> <div[/img][img]"../images/3-115.gif"></div> <div[/img][img]"../images/3-116.gif"></div> <div[/img][img]"../images/3-117.gif"></div> <div[/img][img]"../images/3-118.gif"></div> <div[/img][img]"../images/3-119.gif"></div> <div[/img][img]"../images/3-1110.gif"></div> <div[/img][img]"../images/3-1111.gif"></div> <div[/img][img]"../images/3-1112.gif"></div> <div[/img][img]"../images/3-1113.gif"></div> <div[/img][img]"../images/3-1114.gif"></div> <div[/img][img]"../images/3-1115.gif"></div> <div[/img][img]"../images/3-1116.gif"></div> <div[/img][img]"../images/3-1117.gif"></div> <div[/img][img]"../images/3-1118.gif"></div> <div[/img][img]"../images/3-1119.gif"></div> <div[/img][img]"../images/3-1120.gif"></div> <div[/img][img]"../images/3-1121.gif"></div> <div[/img][img]"../images/3-1122.gif"></div> <div[/img][img]"../images/3-1123.gif"></div> <div[/img][img]"../images/3-1124.gif"></div> </body> </html[/img]
dit werkt niet in NS en heb geen idee waarom niet... NS werkt toch ook gewoon met DIVjes?
Hier is de code
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="../Copy%20of%20bormann2.css" type="text/css">
<style>
@import url(../example.css);
</style>
<style type="text/css">
#divLinks{position:absolute; top:200; left:50; font-family:verdana; font-size:9pt}
#test{position:absolute; top:185; left:350; width:100; font-family:verdana; font-size:9pt}
#test2{position:absolute; top:200; left:350; width:100; font-family:verdanal; font-size:9pt}
#test3{position:absolute; width:100; font-family:verdana; font-size:9pt}
</style>
<script type="text/javascript" language="JavaScript">
//Default browsercheck, added to all scripts!
function checkBrowser(){
this.ver=navigator.appVersion
this.dom=document.getElementById?1:0
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
return this
}
bw=new checkBrowser()
//With nested layers for netscape, this function hides the layer if it's visible and visa versa
function showHide(div,nest){
obj=bw.dom?document.getElementById(div).style:bw.ie4?document.all[div].style:bw.ns4?nest?document[nest].document[div]:document[div]:0;
if(obj.visibility=='visible' || obj.visibility=='show') obj.visibility='hidden'
else obj.visibility='visible'
}
//Shows the div
function show(div,nest){
obj=bw.dom?document.getElementById(div).style:bw.ie4?document.all[div].style:bw.ns4?nest?document[nest].document[div]:document[div]:0;
obj.visibility='visible'
}
//Hides the div
function hide(div,nest){
obj=bw.dom?document.getElementById(div).style:bw.ie4?document.all[div].style:bw.ns4?nest?document[nest].document[div]:document[div]:0;
obj.visibility='hidden'
}
</script>
<script language="javascript" src="file:///C|/Sites/projects/Bormann/domLib.js"></script>
<script language="javascript" src="file:///C|/Sites/projects/Bormann/domTT.js"></script>
<script>
var domTT_mouseHeight = domLib_isIE ? 17 : 20;
var domTT_offsetX = domLib_isIE ? -2 : 0;
var domTT_classPrefix = 'domTTClassic';
</script>
</head>
<body bgcolor="#B6CDE4" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="hintergrund" style="position:absolute; left:0; top:0; visibility:visible; z-index:5; width: 512px; height: 320px">
<table width="512" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="338" valign="top" rowspan="2">[img]"../images/main311.gif"[/img]</td>
<td width="174" valign="top" height="204">
<table width="100%" border="0" background="../images/3-11_02.jpg" cellpadding="3" cellspacing="0">
<tr>
<td width="168" valign="top" background="../txtbg.gif" height="204"><font class="smalltext">
<span class="zwischenbr"><br>
</span> Wir fertigen auch Sichtteile aus Messing, welche kächste
Oberflächenanforderungen einer anschließenden Verchromung
Stand halten müssen. Von flachen Teilegeometrien bis hin zu hohen
Biegeverformungen bringen wir Ihre Artikel in Form.<br>
</font> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="113" valign="top">[img]"../images/main311.gif"[/img]</td>
</tr>
</table>
<map name="Map">
<area shape="poly" coords="55,24,84,35,130,15,155,29,148,51,89,70,61,74,40,62" href="#" onMouseOver="show('1');return makeTrue(domTT_activate(this, event, 'content', 'Tooltip', 'trail', true, 'lifetime', 1200));" onMouseOut="hide('1');">
<area shape="circle" coords="215,57,19" href="#" onMouseOver="show('2');return makeTrue(domTT_activate(this, event, 'content', 'Tooltip2', 'trail', true, 'lifetime', 1200));" onMouseOut="hide('2');">
<area shape="poly" coords="243,3,266,13,281,10,294,24,317,38,298,57,230,30,226,17,232,8" href="#" onMouseOver="show('3')" onMouseOut="hide('3')">
<area shape="poly" coords="92,86,123,102,63,144,36,132" href="#" onMouseOver="show('4') "onMouseOut="hide('4')">
<area shape="poly" coords="170,76,237,109,227,124,195,116,175,146,148,129,152,92" href="#" onMouseOver="show('5') "onMouseOut="hide('5')">
<area shape="poly" coords="280,86,325,115,314,132,268,108" href="#" onMouseOver="show('6') "onMouseOut="hide('6')">
<area shape="poly" coords="66,184,97,144,124,156,91,199" href="#" onMouseOver="show('7') "onMouseOut="hide('7')">
<area shape="circle" coords="155,182,28" href="#" onMouseOver="show('8') "onMouseOut="hide('8')">
<area shape="poly" coords="217,142,262,161,236,188,205,169" href="#" onMouseOver="show('9') "onMouseOut="hide('9')">
<area shape="poly" coords="286,136,306,145,287,171,271,155" href="#" onMouseOver="show('10') "onMouseOut="hide('10')">
<area shape="poly" coords="105,198,167,237,157,254,131,253,107,247,92,218" href="#" onMouseOver="show('11') "onMouseOut="hide('11')">
<area shape="poly" coords="194,201,219,218,207,233,179,223" href="#" onMouseOver="show('12') "onMouseOut="hide('12')">
<area shape="poly" coords="106,263,124,277,94,298,80,288" href="#" onMouseOver="show('13') "onMouseOut="hide('13')">
<area shape="poly" coords="114,300,151,264,163,273,125,309" href="#" onMouseOver="show('14') "onMouseOut="hide('14')">
<area shape="poly" coords="198,240,222,251,200,272,184,266" href="#" onMouseOver="show('15') "onMouseOut="hide('15')">
<area shape="circle" coords="283,221,16" href="#" onMouseOver="show('16') "onMouseOut="hide('16')">
<area shape="poly" coords="252,233,268,243,247,260,237,254" href="#" onMouseOver="show('17') "onMouseOut="hide('17')">
<area shape="circle" coords="271,268,10" href="#" onMouseOver="show('18') "onMouseOut="hide('18')">
<area shape="circle" coords="298,254,12" href="#" onMouseOver="show('19') "onMouseOut="hide('19')">
<area shape="circle" coords="323,235,13" href="#" onMouseOver="show('20') "onMouseOut="hide('20')">
</map>
<map name="Map2">
<area shape="circle" coords="23,64,18" href="#" onMouseOver="show('21') "onMouseOut="hide('21')">
<area shape="circle" coords="54,28,21" href="#" onMouseOver="show('22') "onMouseOut="hide('22')">
<area shape="circle" coords="79,91,18" href="#" onMouseOver="show('23') "onMouseOut="hide('23')">
<area shape="circle" coords="120,50,31" href="#" onMouseOver="show('24') "onMouseOut="hide('24')">
</map>
</div>
<div id="hintergrund" style="position:absolute; left:0; top:0; visibility:visible; z-index:-3;; width: 512px; height: 320px">[img]"../images/3-11.jpg"></div> <div[/img][img]"../images/3-111.gif"></div> <div[/img][img]"../images/3-112.gif"></div> <div[/img][img]"../images/3-113.gif"></div> <div[/img][img]"../images/3-114.gif"></div> <div[/img][img]"../images/3-115.gif"></div> <div[/img][img]"../images/3-116.gif"></div> <div[/img][img]"../images/3-117.gif"></div> <div[/img][img]"../images/3-118.gif"></div> <div[/img][img]"../images/3-119.gif"></div> <div[/img][img]"../images/3-1110.gif"></div> <div[/img][img]"../images/3-1111.gif"></div> <div[/img][img]"../images/3-1112.gif"></div> <div[/img][img]"../images/3-1113.gif"></div> <div[/img][img]"../images/3-1114.gif"></div> <div[/img][img]"../images/3-1115.gif"></div> <div[/img][img]"../images/3-1116.gif"></div> <div[/img][img]"../images/3-1117.gif"></div> <div[/img][img]"../images/3-1118.gif"></div> <div[/img][img]"../images/3-1119.gif"></div> <div[/img][img]"../images/3-1120.gif"></div> <div[/img][img]"../images/3-1121.gif"></div> <div[/img][img]"../images/3-1122.gif"></div> <div[/img][img]"../images/3-1123.gif"></div> <div[/img][img]"../images/3-1124.gif"></div> </body> </html[/img]