vredeveld01
Gebruiker
- Lid geworden
- 1 nov 2009
- Berichten
- 83
Sinds kort heb ik een nieuw beeldscherm en dus nu pas valt het mij op dat de site ( www.dekikkers.nl)niet centreert, zou iemand naar de code kunnen kijken en aangeven wat er gewijzigd moet worden.
Ik gebruik dw cs5 en een sjabloon. BVD Vredeveld P.S heb al een wrapper geprobeerd maar er gebeurde niets.
Ik gebruik dw cs5 en een sjabloon. BVD Vredeveld P.S heb al een wrapper geprobeerd maar er gebeurde niets.
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>De Kikkers</title>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:75px;
top:0px;
width:566px;
height:34px;
z-index:1;
}
#apDiv4 {
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #600;
border-right-color: #600;
border-bottom-color: #600;
border-left-color: #600;
}
.container {
width: 902px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#apDiv3 ul li {
list-style-image: url(/httpdocs/afbeeldingen/blokje.gif);
list-style-type: square;
}
-->
</style>
<script src="../httpdocs/SpryAssets/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="../httpdocs/SpryAssets/SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="../httpdocs/SpryAssets/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="../httpdocs/SpryAssets/SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#apDiv2 {
position:absolute;
left:246px;
top:163px;
width:540px;
height:579px;
z-index:2;
color: #FFF;
padding: 5px;
text-align: left;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-color: #600;
border-right-color: #600;
border-bottom-color: #600;
border-left-color: #600;
border-right-style: none;
background-repeat: no-repeat;
background-image: none;
font-family: "Times New Roman", Times, serif;
font-size: 16px;
margin: auto;
border-top-style: none;
border-bottom-style: none;
border-left-style: none;
background-color: #121212;
}
#apDiv3 {
position:absolute;
left:68px;
top:137px;
width:159px;
height:553px;
z-index:3;
font-size: 14px;
background-color: #600;
padding: 5px;
margin: 5px;
text-decoration: underline;
line-height: 40px;
border: thin solid #000;
color: #FFF;
}
#apDiv4 {
position:absolute;
left:797px;
top:142px;
width:169px;
height:555px;
z-index:4;
background-color: #660000;
border-bottom: solid;
border-bottom-color: #600;
}
body {
background-color: #FFF;
}
body,td,th {
color: #FFF;
font-size: 16px;
padding: 0px;
width: auto;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
overflow: auto;
background-color: #999;
font-family: "Times New Roman", Times, serif;
}
a:link {
color: #FFF;
list-style-type: none;
list-style-image: url(/httpdocs/afbeeldingen/blokje.gif);
}
#apDiv5 {
position:absolute;
left:75px;
top:34px;
width:167px;
height:130px;
z-index:5;
}
#apDiv6 {
position:absolute;
left:246px;
top:34px;
width:549px;
height:99px;
z-index:6;
}
#apDiv7 {
position:absolute;
left:798px;
top:34px;
width:168px;
height:130px;
z-index:7;
}
#apDiv8 {
position:absolute;
left:10px;
top:0px;
width:63px;
height:702px;
z-index:8;
border-right-width: thin;
border-right-style: solid;
border-right-color: #000;
}
#apDiv9 {
position:absolute;
left:970px;
top:-1px;
width:94px;
height:707px;
z-index:9;
border-left-width: medium;
border-left-style: solid;
border-left-color: #600;
}
#apDiv10 {
position:absolute;
left:246px;
top:142px;
width:550px;
height:21px;
z-index:10;
background-color: #600;
}
#apDiv11 {
position:absolute;
left:0px;
top:0px;
width:71px;
height:706px;
z-index:11;
border-right-width: medium;
border-right-style: solid;
border-right-color: #600;
}
a:visited {
color: #FFF;
}
a:hover {
color: #FFF;
text-decoration: none;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #000;
border-right-color: #000;
border-bottom-color: #000;
border-left-color: #000;
list-style-type: none;
list-style-image: url(/httpdocs/afbeeldingen/blokje.gif);
}
#apDiv12 {
position:absolute;
left:73px;
top:708px;
width:169px;
height:47px;
z-index:12;
border-top-width: medium;
border-right-width: medium;
border-top-style: none;
border-right-style: none;
border-top-color: #600;
border-right-color: #600;
border-bottom-color: #600;
border-left-color: #600;
}
#apDiv13 {
position:absolute;
left:248px;
top:755px;
width:549px;
height:37px;
z-index:13;
border-top-width: medium;
border-top-style: none;
border-top-color: #600;
border-right-color: #600;
border-bottom-color: #600;
border-left-color: #600;
}
#apDiv14 {
position:absolute;
left:797px;
top:707px;
width:173px;
height:47px;
z-index:14;
border-top-width: medium;
border-left-width: medium;
border-top-style: none;
border-left-style: none;
border-top-color: #600;
border-left-color: #600;
font-size: 18px;
}
.style4 { font-size: 14px;
font-weight: bold;
}
#apDiv15 {
position:absolute;
left:798px;
top:164px;
width:172px;
height:173px;
z-index:15;
border-bottom-width: medium;
border-left-width: thin;
border-bottom-style: none;
border-left-style: solid;
border-top-color: #000;
border-right-color: #600;
border-bottom-color: #FFF;
border-left-color: #000;
border-top-width: thin;
border-top-style: solid;
margin: 0px;
padding: 0px;
color: #FFF;
background-color: #600;
}
#apDiv16 {
position:absolute;
left:799px;
top:312px;
width:171px;
height:170px;
z-index:16;
border-bottom-width: medium;
border-left-width: medium;
border-bottom-style: dashed;
border-left-style: solid;
border-top-color: #600;
border-right-color: #600;
border-bottom-color: #600;
border-left-color: #600;
}
#apDiv17 {
position:absolute;
left:799px;
top:482px;
width:171px;
height:214px;
z-index:17;
border-bottom-width: medium;
border-left-width: medium;
border-bottom-style: dashed;
border-left-style: solid;
border-top-color: #600;
border-right-color: #600;
border-bottom-color: #600;
border-left-color: #600;
}
#apDiv18 {
position:absolute;
left:799px;
top:338px;
width:171px;
height:188px;
z-index:16;
border-bottom-width: medium;
border-left-width: medium;
border-bottom-style: dashed;
border-left-style: solid;
border-top-color: #600;
border-right-color: #600;
border-bottom-color: #600;
border-left-color: #600;
}
#apDiv19 {
position:absolute;
left:798px;
top:526px;
width:172px;
height:178px;
z-index:17;
border-left-width: thin;
border-left-style: solid;
border-top-color: #600;
border-right-color: #600;
border-bottom-color: #000;
border-left-color: #000;
color: #FFF;
background-color: #600;
border-bottom-style: solid;
}
#apDiv20 {
position:absolute;
left:798px;
top:338px;
width:172px;
height:188px;
z-index:18;
border-bottom-width: thin;
border-left-width: thin;
border-bottom-style: none;
border-left-style: solid;
border-top-color: #FFF;
border-right-color: #600;
border-bottom-color: #FFF;
border-left-color: #000;
color: #FFF;
background-color: #600;
border-top-width: thin;
border-top-style: none;
text-align: center;
}
#apDiv21 {
position:absolute;
left:801px;
top:756px;
width:179px;
height:108px;
z-index:19;
}
#apDiv22 {
position:absolute;
left:246px;
top:706px;
width:552px;
height:45px;
z-index:20;
}
-->
</style>
<script type="text/javascript" id="sothink_dhtmlmenu">
<!--
st_siteroot="file:///C|/dw4/dekikkers/httpdocs";
st_jspath="/js/stmenu.js";
if(!window.location.href.indexOf("file:") && st_jspath.charAt(0)=="/")
document.write('<script type="text/javascript" src="'+st_siteroot+st_jspath+'"><\/script>');
else
document.write('<script type="text/javascript" src="'+st_jspath+'"><\/script>');
//-->
</script>
<script type="text/javascript" src="../httpdocs/js/js/stscode.js"></script>
</head>
<body onload="MM_preloadImages('../httpdocs/afbeeldingen/Bannerbasketballwear.nl.jpg')">
<div id="apDiv11"></div>
<div id="apDiv12">
<!-- Start Bravenet.com Service Code -->
<script language="JavaScript" type="text/javascript" src="http://pub33.bravenet.com/counter/code.php?id=408477&usernum=2807626589&cpv=2">
</script>
<!-- END DO NOT MODIFY -->
</div>
<div id="apDiv13"><img src="../httpdocs/afbeeldingen/Basketbal D1 019w e.jpg" width="549" height="102" /></div>
<div id="apDiv14"></div>
<div id="apDiv15"><!-- TemplateBeginEditable name="EditRegion2" -->
<div align="center">
<h2>nieuws</h2>
<p>vak nummer 1</p>
</div>
<!-- TemplateEndEditable --></div>
<div id="apDiv19"><!-- TemplateBeginEditable name="EditRegion4" -->
<div align="center">
<h2>nieuws</h2>
<p>vak nummer 3</p>
</div>
<!-- TemplateEndEditable --></div>
<div id="apDiv20"><!-- TemplateBeginEditable name="EditRegion3" -->
<div align="center">
<h2>nieuws</h2>
<p>vak num</p>
<p> </p>
<p>mer 2</p>
</div>
<!-- TemplateEndEditable --></div>
<div id="apDiv21"></div>
<div align="left"></div>
<a href="http://www.dhtml-menu-builder.com" style="display:none;visibility:hidden;">Javascript DHTML Image Web Scroller Powered by dhtml-menu-builder.com</a>
<div id="apDiv1"><span><a href="http://www.dhtml-menu-builder.com" style="display:none;visibility:hidden;">Javascript DHTML Drop Down Menu Powered by dhtml-menu-builder.com</a>
<script id="sothink_widgets:dwwidget_dhtmlmenu2_8_2010.pgt" type="text/javascript">
<!--
stm_bm(["menu1a91",900,"/img","blank.gif",0,"","",0,0,250,0,500,1,0,0,"http://dekikkers.nl/","",67108897,0,1,2,"default","hand","file:///C|/dw4/dekikkers/httpdocs",1,25],this);
stm_bp("p0",[0,4,0,0,0,7,5,0,100,"",-2,"",-2,50,0,0,"#999999","transparent","bg_01.gif",3,1,1,"#000000"]);
stm_ai("p0i0",[0,"Heren","","",-1,-1,0,"#","_self","","","","",5,5,0,"","",-1,-1,0,1,1,"#FFFFF7",1,"#FFFFFF",0,"","bg_02.gif",3,1,0,0,"#FFFFF7","#000000","#FFFFFF","#FFFFFF","bold 9pt Arial","bold 9pt Arial",0,0,"","","","",0,0,0],149,30);
stm_bpx("p1","p0",[1,4,0,2,0,0,0,0,100,"",-2,"",-2,80,0,0,"#666666","#FFFFFF","",3,0,0]);
stm_ai("p1i0",[0,"Heren 1","","",-1,-1,0,"heren1.html","_self","","","","",0,0,0,"","",0,0,0,1,1,"#FFFFF7",1,"#FFFFF7",1,"round18_m.gif","round09_m.gif",3,3,0,0,"#FFFFF7","#000000","#FFFFFF","#000000","8pt 'Arial','Verdana'","8pt 'Arial','Verdana'",0,0,"round18_l.gif","round09_l.gif","round18_r.gif","round09_r.gif",11,11,26],150,18);
stm_aix("p1i1","p1i0",[0,"Heren 2","","",-1,-1,0,"heren2.html"],150,18);
stm_aix("p1i2","p1i0",[0,"Heren 3","","",-1,-1,0,"heren3.html"],150,18);
stm_aix("p1i3","p1i0",[0,"old kikkers","","",-1,-1,0,"oldkikkers.html"],150,0);
stm_ep();
stm_ai("p0i1",[6,1,"#990000","",-1,-1,0]);
stm_aix("p0i2","p0i0",[0,"Dames","","",-1,-1,0,"#","_self","","","","",5,5,0,"","",-1,-1,0,1,1,"#FFFFF7",1,"#993333",1,"","bg_02.gif",1],149,30);
stm_bpx("p2","p1",[1,4,0,2,0,5,0,0,100,"",-2,"",-2,80,0,0,"#666666","#000000"]);
stm_aix("p2i0","p1i0",[0,"Dames 1","","",-1,-1,0,"dames1.html"],150,0);
stm_ep();
stm_aix("p0i3","p0i1",[]);
stm_aix("p0i4","p0i2",[0,"Jeugd Meisjes"],149,30);
stm_bpx("p3","p0",[1,4,0,2,0,5,0,0,100,"",-2,"",-2,80,0,0,"#666666","#000000",""]);
stm_aix("p3i0","p1i0",[0,"Meisjes u 18","","",-1,-1,0,"meisjesu18.html"],150,18);
stm_aix("p3i1","p1i0",[0,"Meisjes u 14","","",-1,-1,0,"meisjesu14.html"],150,18);
stm_ep();
stm_aix("p0i5","p0i1",[]);
stm_aix("p0i6","p0i2",[0,"Jeugd Jongens"],149,30);
stm_bpx("p4","p3",[]);
stm_aix("p4i0","p1i0",[0,"Jongens u 16","","",-1,-1,0,"jongensu16.html"],150,0);
stm_aix("p4i1","p1i0",[0,"Jongens u 18 ","","",-1,-1,0,"jongensu18.html"],150,0);
stm_aix("p4i1","p1i0",[0,"Jongens u 14 ","","",-1,-1,0,"jongensu14.html"],150,0);
stm_ep();
stm_aix("p0i7","p0i1",[]);
stm_aix("p0i8","p0i2",[0,"Jeugd tot u 12"],149,30);
stm_bpx("p5","p3",[]);
stm_aix("p5i0","p1i0",[0,"Meisjes u 12","","",-1,-1,0,"meisjesu12.html"],150,18);
stm_aix("p5i1","p1i0",[0,"Jongens u 12.1","","",-1,-1,0,"jongensu12.1.html"],150,18);
stm_aix("p5i2","p1i0",[0,"jongens u 12.2","","",-1,-1,0,"jongensu12.2.html"],150,0);
stm_ep();
stm_aix("p0i9","p0i1",[]);
stm_aix("p0i10","p0i2",[0,"Mix","","",-1,-1,0,""],149,30);
stm_bpx("p6","p3",[]);
stm_aix("p6i1","p1i0",[0,"mix U 8/10","","",-1,-1,0,"mixu8enu10.html"],150,0);
stm_ep();
stm_ep();
stm_em();
//-->
</script>
</span></div>
<div id="apDiv2"><!-- TemplateBeginEditable name="inhoud" -->
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<!-- TemplateEndEditable --></div>
<div id="apDiv3">
<ul>
<li style="list-style-type: square; list-style-image: url(/httpdocs/afbeeldingen/blokje.gif);"><a href="../httpdocs/index.html">Home</a></li>
<li><a href="../httpdocs/organisatie.html">Organisatie</a></li>
<li><a href="/fotos.html">Foto's</a></li>
<li><a href="../httpdocs/nieuws.html">Nieuws</a></li>
<li><a href="../httpdocs/links.html">Links</a></li>
<li><a href="../httpdocs/sponsoren.html">Sponsoren</a></li>
<li><a href="/bewaarboekje.html">Bewaarboekje</a></li>
<li><a href="../httpdocs/rayonoost.html">Rayon-oost</a></li>
<li><a href="../inschrijven.html">Inschrijven</a></li>
<li><a href="/shoutbox.html">Shoutbo</a>x</li>
</ul>
</div>
<div id="apDiv5"><img src="../httpdocs/afbeeldingen/logo de kikkers c.jpg" width="171" height="129" /></div>
<div id="apDiv6"><a href="http://www.basketballwear.nl/" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Afbeelding5','','../httpdocs/afbeeldingen/Bannerbasketballwear.nl.jpg',1)"><img src="../httpdocs/afbeeldingen/headimage.jpg" name="Afbeelding5" width="553" height="130" border="0" id="Afbeelding5" /></a></div>
<div id="apDiv7"><img src="../httpdocs/afbeeldingen/temp_man4.jpg" width="169" height="169" /></div>
<div id="apDiv9"><!-- TemplateBeginEditable name="EditRegion5" -->
<p><img src="../httpdocs/afbeeldingen/rechts.jpg" width="120" height="675" />EditRegion</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>5</p>
<!-- TemplateEndEditable --></div>
<span><a href="http://www.dhtml-menu-builder.com" style="display:none;visibility:hidden;">Javascript DHTML Image Web Scroller Powered by dhtml-menu-builder.com</a></span><span>
<script id="sothink_widgets:dwwidget_webscroll9_11_2010.sjc" type="text/javascript">
<!--
sts_bs("jwscroller2e8e",[20080623,"../img/","","blank.gif",1,1,1,3,"400px","left",4,0,500,0,0,0,0,0,0,2000,1,40,0,"",-2,80],["none",1,"#006699","transparent","background.gif","repeat-x"]);
sts_tbd([1],["double",2,"#0099CC #FFFFFF",5,"round_tl.gif","round_tr.gif","round_br.gif","round_bl.gif","transparent","round_t.gif","repeat","transparent","round_r.gif","repeat","transparent","round_b.gif","repeat","transparent","round_l.gif","repeat"]);
sts_ai("i0",[0,"info voor op de site? mail de webmaster","","_self","",0,0,"center"],["#FFFFFF","bold 8pt Arial","#000000","none","bold 8pt Arial","#000000","none"]);
sts_es();
//-->
</script>
</span>
<script type="text/javascript" src="../httpdocs/js/scroller.js"></script>
</body>
</html>
Laatst bewerkt door een moderator:
die gedragen zich anders dan 'normale' divs.
Ik dacht dat zo'n dhtml-menu met een overmaat aan ondoorzichtig javascript al lang tot de vervlogen tijden hoorde. Het vraagt enorm veel downloadtijd, vertraagt de pagina, en is dus niet vlekkeloos cross-browser. Tegenwoordig kunnen alle browsers wel een css-dropdown menu aan, dat vrijwel hetzelfde kan zonder poespas.
e Web Toolbar by Wibiya staat er pas een week op en ik weet dus niet of die gebruikt wordt, ik vond het tijd om social media toe te voegen maar als er een betere manier is dan graag.
