CSShunter bedankt voor je reactie. Begrijp dat je niet helderziend bent en als je de code ziet zal het allemaal wel duidelijk worden voor je.
Kan je geen link van de site doorsturen omdat dit de eerste site is die ik probeer te maken en nog niet op het internet geupload is. Ik heb hem dus alleen nog maar lokaal staan.
Verder heb ik alleen maar IE8 op mijn pc zitten en heb wel al iets gevonden over een z-index die ik aan moet passen . Maar in de css van het sprymenu staan ook de waarde z-index =1000 en voor submenu z-index is 1020. Heb in de externe css blad de waarde -1 voor de z-index toegevoegd. Toen verdween de image en kon je wel het submenu zien.
verder wil ik wel de code hierin copieren, maar welk gedeelte heb je nodig om te bekijken.
Kan dat pas vanavond doen want stuur dit nu vanaf mijn werk
Alvast bedankt
CSShunter, ik voeg code toe. Laat maar horen als je iets anders nodig hebt
HTML code
<!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"><!-- InstanceBegin template="/Templates/Ooglaserhome_pagina.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Ooglaserhome</title>
<!-- InstanceEndEditable -->
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<style type="text/css">
body,td,th {
font-weight: bold;
}
</style>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
<link href="styles/Ooglaserhome_pagina.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<h1>Ooglaserhome, helpt u om uw keuze te maken</h1>
<div id="banner">
<img src="images/banner_oog_paars_tekst_2.jpg" width="968" height="150" alt="Ooglaserhome" />
<ul id="Ooglaser_Menu" class="MenuBarHorizontal">
<li><a href="index.html">HOME</a> </li>
<li><a href="Ooglaser_klinieken.html" class="MenuBarItemSubmenu">KLINIEKEN</a>
<ul>
<li><a href="#">PER REGIO</a></li>
<li><a href="#">OP NAAM</a></li>
</ul>
</li>
<li><a class="MenuBarItemSubmenu" href="Ooglaser_technieken.html">TECHNIEKEN</a>
<ul>
<li><a href="#algemeen_techniek">ALGEMEEN</a></li>
<li><a href="#lasik">LASIK</a></li>
<li><a href="#lasek">LASEK</a></li>
<li><a href="#intralase">INTRALASE</a></li>
<li><a href="#prk">PRK-LASEK</a></li>
<li><a href="#wavefront">WAVEFRONT</a></li>
</ul>
</li>
<li><a href="Ooglaser_aandoeningen.html" class="MenuBarItemSubmenu">AANDOENINGEN</a>
<ul>
<li><a href="#algemeen_aandoeningen">ALGEMEEN</a></li>
<li><a href="#verziendheid">VERZIENDHEID</a></li>
<li><a href="#bijziendheid">BIJZIENDHEID</a></li>
<li><a href="#astigmatisme">ASTIGMATISME</a></li>
<li><a href="#aberraties">ABERRATIES</a></li>
<li><a href="#diabetische_ret">RETINOPATHIE</a></li>
</ul>
</li>
<li><a href="Ooglaser_behandeling.html" class="MenuBarItemSubmenu">BEHANDELING</a>
<ul>
<li><a href="#geschikt">GESCHIKTHEID</a></li>
<li><a href="#vooronderzoek">VOORONDERZOEK</a></li>
<li><a href="#behandeling">BEHANDELING</a></li>
<li><a href="#">RESULTAAT</a></li>
<li><a href="#">NACONTROLE</a></li>
</ul>
</li>
<li><a href="Ooglaser_acties.html">NIEUWS&ACTIES</a></li>
<li><a href="Ooglaser_begrippen.html">BEGRIPPENLIJST</a></li>
<li><a href="Ooglaser_faq.html">FAQ</a></li>
<li><a href="Ooglaser_contact.html">CONTACT</a></li>
</ul>
</div>
<!-- InstanceBeginEditable name="fototekst" -->
<div id="main_image">
<div id="main_text">
<h3>Stumbling into Mark S.'s
The star from Double Identity, who prefers
The star from Double Identity, who prefers installing a skylight to the limelight </h3>
</div>
</div>
<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="boven_1_links" -->
<div id="boven_1_column">
<p> </p>
<h3>Ooglaser klinieken</h3>
<p>Overzicht van ooglaserklinieken per regio en op naam</p>
<h3>Ooglaser klinieken</h3>
<p>Overzicht van ooglaserklinieken per regio en op naam</p>
<h3>Ooglaser klinieken</h3>
<p>Overzicht van ooglaserklinieken per regio en op naam</p>
<h3>Ooglaser klinieken</h3>
<p>Overzicht van ooglaserklinieken per regio en op naam</p>
<h3>Ooglaser klinieken</h3>
<p>Overzicht van ooglaserklinieken per regio en op naam</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="boven_2_tekst" -->
<div id="boven_2_column">
<p> </p>
<p>OOGLASERhome Begrippenlijst </p>
<p><br />
Hieronder geven wij u een korte omschrijving en uitleg van <strong>begrippen, uitdrukkingen en medische termen</strong> van en over het oog en ooglaseren. Uitgebreidere informatie en verdere deskundige uitleg kunt u vinden op de website van de ooglaserklinieken en oogartsen welke u vindt op de index van deze website.<strong> </strong></p>
<p><strong>Ablatio Reinae</strong><br />
Een netvliesloslating (ablatio retinae) komt jaarlijks ongeveer bij 1 op de 10.000 mensen voor. Het kan op elke leeftijd optreden, maar bij ouderen (+ 50 jaar) is het risico groter.<br />
<br />
<strong>Albinisme</strong><br />
Mensen met albinisme hebben een stoornis in de pigmentvorming in de ogen, huid en haar. <br />
<br />
<strong>Amblyopie</strong><br />
Amblyopie is een slecht gezichtsvermogen in een oog, ontstaan doordat dit oog zich in de vroege kinderjaren niet normaal heeft kunnen ontwikkelen. In het Nederlands spreekt men van een 'lui oog'. <br />
<br />
<strong>Artisan Lens</strong><br />
De Artisan Lens is een hard plexiglas lensje dat in het oog geplaatst wordt voor de pupilopening. Deze kunstlens wordt aan de iris (regenboogvlies) bevestigd door twee kleine klauwtjes waartussen het irisweefsel wordt geklemd. De nieuwe kunstlens zit dan voor de eigen lens zonder dat ze elkaar kunnen raken. De kunstlens blijft permanent aanwezig en hoeft niet te worden vervangen of verwijderd na een bepaalde tijd. Een dergelijk type plexiglas kunstlensje wordt al tientallen jaren gebruikt bij staaroperaties. </p>
<p><strong>Astigmatisme</strong><br />
Astigmatisme is een veel voorkomende visuele vervorming veroorzaakt door een onregelmatig gevormd hoornvlies. Het oppervlak van het hoornvlies is torisch, ellipsvormig als een rugbybal, in plaats van volkomen rond als een basketbal. Lichtstralen die door een ellipsvormig hoornvlies passeren buigen ongelijk, waardoor twee brandpunten ontstaan.Daardoor is het zicht op de meeste afstanden vaag. <br />
<br />
<p><br />
</p>
</div>
<!-- InstanceEndEditable --></div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("Ooglaser_Menu", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
<!-- InstanceEnd --></html>
CSS code
@charset "utf-8";
body {
font-family: Arial, Helvetica, sans-serif;
color: #000;
background-color: #FFF;
font-size: 12px;
}
#container {
width: 968px;
margin: 0 auto;
border: 2px solid #969;
padding-left: 10px;
padding-right: 10px;
overflow: hidden;
background-color: #FFF;
}
#container h1 {
position: absolute;
top: -500px;
}
#banner {
position: relative;
background-color: #FFF;
}
#Ooglaser_Menu {
position: absolute;
/* [disabled]top: 50px; */
right: 0px;
bottom: 0px;
text-align: center;
}
#main_image {
background-image: url(../images/tekst_foto_5.jpg);
background-repeat: no-repeat;
position: relative;
height: 150px;
width: 729px;
float: right;
}
#main_text {
width: 300px;
font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
padding: 12px;
line-height: 1.2;
position: absolute;
right: 27px;
bottom: 4px;
height: 118px;
}
#main_text h2 {
color: #FF0;
margin-top: 0;
margin-bottom: 10px;
}
#main_text h3 {
color: #FF0;
font-size:16px;
margin: 0 auto;
}
#main_text p {
font-size: 14px;
margin: 0 auto;
color: #FF0;
}
#boven_1_column {
width: 210px;
float: left;
border: 2px solid #969;
padding-left: 10px;
padding-right: 10px;
}
#boven_2_column {
width: 706px;
float: right;
border: 2px solid #969;
position: relative;
margin: auto;
padding-left: 10px;
padding-right: 10px;
}
p {
margin-top: 1em;
}
hoop dat je hier voldoende gegevens mee hebt
