menu niet zichtbaarin IE wle in Chrome, FireFoxe en Safari?
Inmiddels heb ik de site weer aangepast en is de menubalk wel zichtbaar. Maar zo is de site niet WC3 waardig.
Zie hier de code van de index:
Kan iemand mij hiermee helpen?
Mijn dank is groot!!
Groetjes Wendy
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="nl" xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl">
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org"; />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>home | weBewe | Alkmaar - Oudkarspel - Heerhugowaard</title>
<meta name="keywords" content="DTP, webdesign, logo, huisstijl, drukwerk, re-design, freelance, ontwerp, heerhugowaard, alkmaar, oudkarspel, dtp-webdesign" />
<meta name="description" content="Bij weBewe bent u aan het juiste adres voor DTP en webdesign. weBewe is uniek in DTP en uniek in webdesign. Dus zoekt een ontwerper voor logo's, huisstijl en/of webdesign, neem dan contact op met weBewe." />
<meta name="author" content="Wendy Beers-Weel" />
<meta name="copyright" content="© weBewe DTP & Webdesign 2010 | [email protected] | +31(0) 226317155 | +31 (0)648403058" />
<meta name="date" content="2010-11-15T09:18:23+01:00" />
<meta http-equiv="Content-Language" content="nl" />
<meta name="robots" content="index,follow" />
<script type="text/javascript" src="_wp_scripts/jsNavBarFuncs.js">
</script>
<script type="text/javascript" src="_wp_scripts/wp_navbar_menub.js">
</script>
<link rel="stylesheet" href="_wp_scripts/wp_navbar_menub_H7.css" type="text/css" />
<script type="text/javascript" src="customnavtree16.js">
</script>
<link rel="stylesheet" href="_wp_scripts/wp_navbar_menub_H4.css" type="text/css" />
<script type="text/javascript" src="customnavtree20.js">
</script>
<style type="text/css">
/*<![CDATA[*/
<!--
body {margin: 0px; padding: 0px;}
a:link {color: #0000ff;}
a:visited {color: #ff0000;}
a:hover {color: #0000ff;}
a:active {color: #0000ff;}
.Kop-3-P
{
margin:0.0px 0.0px 5.0px 0.0px; text-align:left; font-weight:400;
}
.Normaal-P
{
margin:7.0px 0.0px 7.0px 0.0px; text-align:left; font-weight:400;
}
.H2-P
{
margin:0.0px 0.0px 7.0px 0.0px; text-align:center; font-weight:400;
}
.H2-P0
{
margin:7.0px 0.0px 7.0px 0.0px; text-align:center; font-weight:400;
}
.Kop-P
{
margin:0.0px 0.0px 0.0px 0.0px; text-align:left; font-weight:400;
}
.Kop-P0
{
margin:0.0px 0.0px 0.0px 0.0px; text-align:center; font-weight:400;
}
.Normal-_Web_-P
{
margin:0.0px 0.0px 7.0px 0.0px; text-align:left; font-weight:400;
}
.Kop-3-P0
{
margin:21.0px 0.0px 5.0px 0.0px; text-align:center; font-weight:400;
}
.Kop-3-C
{
font-family:"Trebuchet MS", sans-serif; font-weight:700;
font-size:17.0px; line-height:1.35em; color:#e11275;
}
.Normaal-C
{
font-family:"Trebuchet MS", sans-serif; font-size:14.0px;
line-height:1.29em; color:#2f2f2f;
}
.Normaal-C0
{
font-family:"Trebuchet MS", sans-serif; font-size:15.0px;
line-height:1.33em; color:#2f2f2f;
}
.H2-C
{
font-family:"Trebuchet MS", sans-serif; font-weight:700;
font-size:19.0px; line-height:1.26em; color:#2f2f2f;
}
.H2-C0
{
font-family:"Trebuchet MS", sans-serif; font-weight:700;
font-size:19.0px; line-height:1.26em; color:#ff1275;
}
.H2-C1
{
font-family:"Trebuchet MS", sans-serif; font-weight:700;
font-size:19.0px; line-height:1.26em; color:#2b2b2b;
}
.Kop-C
{
font-family:"Trebuchet MS", sans-serif; font-weight:700;
font-size:24.0px; line-height:1.21em; color:#6a6a6a;
}
.Normal-_Web_-C
{
font-family:"Trebuchet MS", sans-serif; font-size:14.0px;
line-height:1.29em; color:#181818;
}
-->
/*]]>*/
</style>
<script type="text/javascript" src="_wp_scripts/jspngfix.js">
</script>
<script type="text/javascript">
//<![CDATA[
<!--
var blankSrc = "_wp_scripts/blank.gif";
-->
//]]>
</script>
<style type="text/css">
/*<![CDATA[*/
body {
color: #000000;
}
body.c33 {background-color:transparent; text-align:center; height:800px;}
div.c32 {background-color:transparent;text-align:left;margin-left:auto;margin-right:auto;position:relative;width:900px;height:800px;}
div.c31 {position:absolute; left:597px; top:451px; width:268px; height:145px;}
div.c30 {position:absolute; left:569px; top:431px; width:321px; height:4px;}
div.c29 {position:absolute; left:593px; top:297px; width:274px; height:141px;}
div.c28 {position:absolute; left:592px; top:258px; width:275px; height:31px;}
div.c27 {position:absolute; left:287px; top:240px; width:259px; height:210px;}
div.c26 {position:absolute; left:20px; top:184px; width:170px; height:35px;}
div.c25 {position:absolute; left:282px; top:234px; width:273px; height:214px;}
div.c24 {position:absolute; left:279px; top:687px; width:261px; height:28px;}
a.c23 {color:#ff1275;text-decoration:none;}
div.c22 {position:absolute; left:288px; top:610px; width:252px; height:73px;}
div.c21 {position:absolute; left:281px; top:540px; width:259px; height:65px;}
div.c20 {position:absolute; left:283px; top:455px; width:257px; height:70px;}
div.c19 {position:absolute; left:26px; top:103px; width:55px; height:54px;}
div.c18 {position:absolute; left:20px; top:240px; width:250px; height:456px;}
div.c17 {position:absolute; left:20px; top:739px; width:820px; height:26px;}
div.c16 {position:absolute; left:549px; top:182px; width:351px; height:535px;}
div.c15 {POSITION: absolute; WIDTH: 420px; HEIGHT: 46px; TOP: 129px; LEFT: 20px}
a.c14 {POSITION: absolute; HEIGHT: 21px; TOP: 0px; LEFT: 315px}
a.c13 {POSITION: absolute; HEIGHT: 21px; TOP: 0px; LEFT: 272px}
a.c12 {POSITION: absolute; HEIGHT: 21px; TOP: 0px; LEFT: 163px}
a.c11 {POSITION: absolute; HEIGHT: 21px; TOP: 0px; LEFT: 54px}
a.c10 {POSITION: absolute; HEIGHT: 21px; TOP: 0px; LEFT: 0px}
div.c9 {position:absolute; left:0px; top:18px; width:900px; height:93px;}
div.c8 {position:absolute; left:0px; top:112px; width:900px; height:108px;}
div.c7 {position:absolute; left:272px; top:240px; width:288px; height:560px;}
div.c6 {POSITION: absolute; WIDTH: 279px; HEIGHT: 46px; TOP: 127px; LEFT: 621px}
a.c5 {POSITION: absolute; HEIGHT: 20px; TOP: 0px; LEFT: 213px}
a.c4 {POSITION: absolute; HEIGHT: 20px; TOP: 0px; LEFT: 174px}
a.c3 {POSITION: absolute; HEIGHT: 20px; TOP: 0px; LEFT: 103px}
a.c2 {POSITION: absolute; HEIGHT: 20px; TOP: 0px; LEFT: 61px}
a.c1 {POSITION: absolute; HEIGHT: 20px; TOP: 0px; LEFT: 0px}
/*]]>*/
.c33 .c32 #txt_308_C01 .Normaal-P .Normaal-C p {
text-align: right;
}
</style>
</head>
<body class="c33">
<div class="c32"><script type="text/javascript" id="nav_382_script">
//<![CDATA[
<!--
try {
var navtree_nav_382 = WpNavBar.getNavTreeCustom( customNavTree16, {m_sThisPageUrl:'http://www.webewe.nl/index.html',
m_bAbsoluteLinks:true,
m_sNavBarTarget:'_self',
m_bFlash:false,
m_bIncludeChildren:true,
m_bIsCustom:true} );
if( !navtree_nav_382 ) throw WpNavBar.getErrorObj( 'Kon lijst met links niet lezen' );
var nav_382 = new wp_navbar_menub("nav_382", navtree_nav_382, {'m_bVertical':false,'m_bPopupBelow':1,'m_bPopupRight':1,'m_iTimeOut':500,'m_iPopupAlignmentH':0,m_sId:'nav_382',
m_sScriptId:'nav_382_script',
m_iLeft:621,
m_iTop:127,
m_sCssClass:'wp_navbar_menub_H7',
m_iWidth:279,
m_iHeight:46}, {'m_iMaxCssLevel':1,
top:{'m_iHorizontalPadding':0,'m_iVerticalPadding':0,'m_iHorizontalPosition':0,'m_iVerticalPosition':0,'m_bWrap':true,'m_iHorizontalButtonSeparation':2,'m_iVerticalButtonSeparation':2,'m_bButtonsSameSize':false,'m_bStretchToWidth':false},
level1:{'m_bFirstPopupSameSize':true,'m_iMinWidth':100,'m_iFirstPopupOffset':1,'m_iInterPopupOffset':1,'m_iOpacity':80,'m_bFade':false,'m_iFadeSpeed':5,
separator:{'m_bAllowSeparators':true}}});
} catch(e){
document.write( '<div style="position:absolute;left:621;top:127;width:279;height:46">Er is een fout opgetreden bij het genereren van de navigatiebalk.:<br>' + e.message + '<\/div>' );
}
-->
//]]>
</script> <noscript>
<div id="nav_382" class="wp_navbar_menub_H7 c6"><a class="c1" id="nav_382_I0" href="http://www.webewe.nl/partners.html" target="_self" name="nav_382_I0">partners</a><a class="c2" id="nav_382_I1" href="http://www.webewe.nl/ziber.html" target="_self" name="nav_382_I1">Ziber</a><br />
<a class="c3" id="nav_382_I2" href="http://www.webewe.nl/werkwijze.html" target="_self" name="nav_382_I2">werkwijze</a><a class="c4" id="nav_382_I3" href="http://www.webewe.nl/links.html" target="_self" name="nav_382_I3">links</a><br />
<a class="c5" id="nav_382_I4" href="http://www.webewe.nl/sitemap.html" target="_self" name="nav_382_I4">sitemap</a></div>
</noscript>
<div class="c7"><img src="_wp_generated/wp31dc3119.png" width="288" height="560" border="0" id="qs_304" name="qs_304" title="" alt="" /></div>
<div class="c8"><img src="_wp_generated/wp11467058.png" width="900" height="108" border="0" id="pcrv_16" name="pcrv_16" title="" alt="" /></div>
<div class="c9"><map id="map0" name="map0">
<area shape="rect" coords="8,7,212,91" href="http://www.webewe.nl/index.html" alt="" /></map> <img src="_wp_generated/wpaadb4646.png" width="900" height="93" border="0" id="hs_4" name="hs_4" title="" alt="home | weBewe | Alkmaar - Oudkarspel - Heerhugowaard" usemap="#map0" /></div>
<script type="text/javascript" id="nav_327_script">
//<![CDATA[
<!--
try {
var navtree_nav_327 = WpNavBar.getNavTreeCustom( customNavTree20, {m_sThisPageUrl:'http://www.webewe.nl/index.html',
m_bAbsoluteLinks:true,
m_sNavBarTarget:'_self',
m_bFlash:false,
m_bIncludeChildren:true,
m_bIsCustom:true} );
if( !navtree_nav_327 ) throw WpNavBar.getErrorObj( 'Kon lijst met links niet lezen' );
var nav_327 = new wp_navbar_menub("nav_327", navtree_nav_327, {'m_bVertical':false,'m_bPopupBelow':1,'m_bPopupRight':1,'m_iTimeOut':500,'m_iPopupAlignmentH':0,m_sId:'nav_327',
m_sScriptId:'nav_327_script',
m_iLeft:20,
m_iTop:129,
m_sCssClass:'wp_navbar_menub_H4',
m_iWidth:420,
m_iHeight:46}, {'m_iMaxCssLevel':1,
top:{'m_iHorizontalPadding':0,'m_iVerticalPadding':0,'m_iHorizontalPosition':0,'m_iVerticalPosition':0,'m_bWrap':true,'m_iHorizontalButtonSeparation':2,'m_iVerticalButtonSeparation':2,'m_bButtonsSameSize':false,'m_bStretchToWidth':false},
level1:{'m_bFirstPopupSameSize':true,'m_iMinWidth':100,'m_iFirstPopupOffset':5,'m_iInterPopupOffset':1,'m_iOpacity':50,'m_bFade':true,'m_iFadeSpeed':5,
separator:{'m_bAllowSeparators':true}}});
} catch(e){
document.write( '<div style="position:absolute;left:20;top:129;width:420;height:46">Er is een fout opgetreden bij het genereren van de navigatiebalk.:<br>' + e.message + '<\/div>' );
}
-->
//]]>
</script> <noscript>
<div id="nav_327" class="wp_navbar_menub_H4 c15"><a class="c10" id="nav_327_I0" href="http://www.webewe.nl/index.html" target="_self" name="nav_327_I0">Home</a><a class="c11" id="nav_327_I1" href="http://www.webewe.nl/portfolio.html" target="_self" name="nav_327_I1">portfolio</a><br />
<a class="c12" id="nav_327_I2" href="http://www.webewe.nl/webdesign.html" target="_self" name="nav_327_I2">webdesign</a><a class="c13" id="nav_327_I3" href="http://www.webewe.nl/DTP.html" target="_self" name="nav_327_I3">DTP</a><br />
<a class="c14" id="nav_327_I4" href="http://www.webewe.nl/contact.html" target="_self" name="nav_327_I4">contact</a></div>
</noscript>
<div class="c16"><map id="map1" name="map1">
<area shape="poly" coords="58,505,65,500,70,492,72,483,69,474,59,464,56,463,46,463,37,467,31,474,28,483,30,493,35,501,43,505,54,506" href="javascript:history.back()" alt="" /></map> <img src="_wp_generated/wpb6057822.png" width="351" height="535" border="0" id="pic_304" name="pic_304" title="" alt="Terug" usemap="#map1" /></div>
<div class="c17"><map id="map2" name="map2">
<area shape="poly" coords="654,11,617,11,616,25,653,25" href="http://www.webewe.nl/contact.html" alt="" title="contact" />
<area shape="poly" coords="614,11,579,11,578,25,613,25" href="http://www.webewe.nl/links.html" alt="" title="links" />
<area shape="poly" coords="579,11,538,11,537,25,578,25" href="http://www.webewe.nl/sitemap.html" alt="" />
<area shape="poly" coords="535,11,473,11,472,25,534,25" href="http://www.webewe.nl/werkwijze.html" alt="" />
<area shape="poly" coords="473,11,471,11,470,25,472,25" href="http://www.webewe.nl/algemenevoorwaardenvanwebewe.pdf" target="_blank" alt="" />
<area shape="poly" coords="471,11,440,11,439,25,470,25" href="http://www.webewe.nl/ziber.html" alt="" title="Ziber" />
<area shape="poly" coords="440,11,435,11,434,25,439,25" href="http://www.webewe.nl/algemenevoorwaardenvanwebewe.pdf" target="_blank" alt="" />
<area shape="poly" coords="435,11,391,11,390,25,434,25" href="http://www.webewe.nl/partners.html" alt="" title="Partners" />
<area shape="poly" coords="391,11,388,11,387,25,390,25" href="http://www.webewe.nl/partners.html" target="_blank" alt="" title="Partners" />
<area shape="poly" coords="385,11,258,10,257,24,384,25" href="http://www.webewe.nl/algemenevoorwaardenvanwebewe.pdf" target="_blank" alt="" />
<area shape="poly" coords="258,10,256,10,255,24,257,24" href="http://www.webewe.nl/partners.html" target="_blank" alt="" title="Partners" /></map> <img src="_wp_generated/wpeb57db7f.png" width="820" height="26" border="0" id="txt_5" name="txt_5" title="" alt=" © weBewe 2010 | Algemene Voorwaarden | Partners | Ziber | Werkwijze | Sitemap | Links | Contact " usemap="#map2" /></div>
<div id="txt_289_C01" class="c18">
<div class="Kop-3-P"><span class="Kop-3-C">Wist u dat:<br /></span></div>
<div class="Normaal-P"><span class="Normaal-C">Uitstraling en bruikbaarheid van een website een directe relatie hebben met het resultaat? Dat blijkt uit onderzoek van onderzoeksbureau Forrester, dat concludeerde dat investeren in een website loont.<br /></span></div>
<div class="Normaal-P"><span class="Normaal-C">Een goed gebouwde website levert tot 50 procent meer verkopen op</span><span class="Normaal-C0">!<br /></span></div>
<div class="Normaal-P"><span class="Normaal-C">Als de website er ouderwets en/of onverzorgd uitziet, gelooft de bezoeker ervan dat hij ook met een dito bedrijf te maken heeft. Het op de website publiceren van achterhaalde informatie is helemaal uit den boze; tijdgevoelige informatie dient altijd actueel te zijn, anders vormt het alleen antireclame. Voorts wordt veel waarde gehecht aan een mooi en professioneel design. Belangrijk is dat het uiterlijk van de website past bij het bedrijf, de branche en uiteraard de doelgroep.</span></div>
</div>
<div class="c19"><map id="map3" name="map3">
<area shape="rect" coords="0,0,56,6" href="http://www.webewe.nl/index.html" alt="" /></map> <img src="_wp_generated/wpb2e51f4b.png" width="55" height="54" border="0" id="pic_257" name="pic_257" title="" alt="" usemap="#map3" /></div>
<div id="txt_284_C01" class="c20">
<div class="H2-P"><span class="H2-C">Ook een mooi en passende<br /></span></div>
<div class="H2-P0"><span class="H2-C">huisstijl voor uw bedrijf??</span></div>
</div>
<div id="txt_286_C01" class="c21">
<div class="H2-P"><span class="H2-C">Vrijblijvende offerte<br /></span></div>
<div class="H2-P0"><span class="H2-C">en de eerste schets gratis??</span></div>
</div>
<div id="txt_287_C01" class="c22">
<div class="H2-P"><span class="H2-C0">bel:</span> <span class="H2-C1">0226-317155<br /></span></div>
<div class="H2-P0"><span class="H2-C">06-48403058</span></div>
</div>
<div class="H2-P c24" id="txt_288_C01"><span class="H2-C0"><a href="mailto:[email protected]" class="c23" title="email">mail: <span class="H2-C1">[email protected]</span></a></span></div>
<div class="c25"><img src="_wp_generated/wpa38b1d24.png" width="273" height="214" border="0" id="pic_292" name="pic_292" title="" alt="" /></div>
<div class="Kop-P c26" id="txt_296_C01"><span class="Kop-C">Home</span></div>
<div class="c27"><a href="http://www.webewe.nl/huisstijlcollage.pdf" target="_blank"><img src="_wp_generated/wp5533b116.gif" width="259" height="210" border="0" id="hs_6" name="hs_6" title="" alt="huisstijl_collage.pdf" /></a></div>
<div class="Kop-P0 c28" id="txt_302_C01"><span class="Kop-C">Nieuws</span></div>
<div id="txt_303_C01" class="c29">
<div class="Normal-_Web_-P"><span class="Normal-_Web_-C">Sinds kort heeft weBewe ook de mogelijkheid om kaarten online te maken naar uw eigen wens, deze worden de volgende dag nog bezorgt. De Kerst staat weer voor de deur, grijp uw kans:<br /></span></div>
<div class="Kop-3-P0"><span class="Kop-3-C">www.wenskaartopmaat.nl</span></div>
</div>
<div class="c30"><img src="_wp_generated/wp5ba89aa1.png" width="321" height="4" border="0" id="pcrv_18" name="pcrv_18" title="" alt="" /></div>
<div id="txt_308_C01" class="c31">
<div class="Normal-_Web_-P"><span class="Normaal-C">Vanaf nu kunt u ook uw bedrijfsfilm laten maken bij weBewe, dit filmpje is een mooie toevoeging voor uw bedrijf en kan goed op het web gepresenteerd worden.<br /></span></div>
<div class="Normaal-P"><span class="Normaal-C">Voor meer info;<br /></span></div>
<div class="Normaal-P"><span class="Normaal-C">06-48403058 / 0226-317155 , [email protected] <p>
</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>
</p>
</span></div>
</div>
</div>
<script type="text/javascript">
//<![CDATA[
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
//]]>
</script><script type="text/javascript">
//<![CDATA[
try {
var pageTracker = _gat._getTracker("UA-11249431-1");
pageTracker._trackPageview();
} catch(err) {}
//]]>
</script><script type="text/javascript">
//<![CDATA[
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
//]]>
</script><script type="text/javascript">
//<![CDATA[
try {
var pageTracker = _gat._getTracker("UA-11249431-1");
pageTracker._trackPageview();
} catch(err) {}
//]]>
</script>
</body>
</html>
Gewijzigd op 15/11/2010 16:34:00 door Wendy Beers
En misschien een live voorbeeld van de code?
Gewijzigd op 15/11/2010 15:01:51 door jasper hoi
Tips:
- Werk met tabs
- CSS in apparat stylepaginas
- Javascript ook
en doe wat aan je html
Kan je meer met tabs werken ?
