ik begrijp niet waarom.Daarnaast is het de bedoeling dat het actieve menuitem oon en andere achtergrondkleur krijgt, ook dit wil niet lukken.
Is er iemand die kan helpen dit css-probleem op te lossen?
Hieronder de html en css code:
HTML:
Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//NL" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" >
<head>
<link rel="stylesheet" type="text/css" href="http://www.deltatoertocht.nl/modules/Album/css/stylesheet.css" />
<title>DELTA Toertocht - Home</title>
<base href="http://www.deltatoertocht.nl/" />
<meta name="Generator" content="Culdoc Communicatie"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="http://www.deltatoertocht.nl/stylesheet.php?cssid=50" />
<link rel="stylesheet" type="text/css" href="http://www.deltatoertocht.nl/stylesheet.php?cssid=51" />
<link rel="stylesheet" type="text/css" href="http://www.deltatoertocht.nl/stylesheet.php?cssid=52" />
</head>
</__body>
<div id="page">
<div id="header"><div class="content"></div></div> <!-- end header -->
<div id="wrapper">
<div id="outer1">
<div id="logo"></div>
<div id="navcontainer"><ul id="navlist">
<div id="menuwrapper">
<ul id="primary-nav">
<li><a
href="http://www.deltatoertocht.nl/" >Tijdelijke home</a>
</li>
<li class="menuactive"><a class="menuactive"
href="http://www.deltatoertocht.nl/index.php?page=home" accesskey="1" title="Home Page, shortcut key=1">Home</a>
</li>
<li><a
href="http://www.deltatoertocht.nl/index.php?page=programma" >Programma</a>
</li>
<li class="menuparent"><a class="menuparent"
href="http://www.deltatoertocht.nl/index.php?page=route-2" >Route</a>
</li>
<li><a
href="http://www.deltatoertocht.nl/index.php?page=inschrijven" >INSCHRIJVEN</a>
</li>
<li><a
href="http://www.deltatoertocht.nl/index.php?page=sponsors" >Sponsors</a>
</li>
<li><a
href="http://www.deltatoertocht.nl/index.php?page=ontstaan-van-de-toertocht" >Ontstaan van de Toertocht</a>
</li>
<li><a
href="http://www.deltatoertocht.nl/index.php?page=persberichten" >Persberichten</a>
</li>
<li><a
href="http://www.deltatoertocht.nl/index.php?page=foto-s" >Foto's</a>
</li>
<li><a
href="http://www.deltatoertocht.nl/index.php?page=gastenboek" >Gastenboek</a>
</li>
<li><a
href="http://www.deltatoertocht.nl/index.php?page=links" >Links</a>
</li>
<li><a
href="http://www.deltatoertocht.nl/index.php?page=organisatiecomite" >Organisatiecomité</a>
</li>
<li><a
href="http://www.deltatoertocht.nl/index.php?page=contact" >Contact</a>
</li>
</ul>
<div class="clearb"></div>
</div>
</ul>
</div>
</div>
<div id="outer3">
<div align="center" class="hascontent"><br><p><a href="http://www.kwfkankerbestrijding.nl" target="_blank"><img src="uploads/images/banners/KWF-actievignet.jpg" alt="KWF Kanker bestrijding" width="150" height="58" /></a></p>
<p><span style="color: #94c4dc;">______________________</span></p>
<p><a href="http://www.ridefortheroses.nl" target="_blank"><img src="uploads/images/banners/logorideforroses.jpg" alt="Ride for the Roses" width="95" height="95" /></a><br /><span style="color: #94c4dc;">______________________<br /><br /></span><a href="http://www.delta.nl" target="_blank"><img src="uploads/images/banners/logodeltasponsor.jpg" alt="DELTA N.V." width="95" height="95" /></a></p></div>
</div> <!-- end outer3 -->
<div id="outer2">
<h1>Home</h1>
<p style="text-align: left;"><span style="font-family: Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;"><strong>Eerste DELTA Toertocht Zeeland volledig in teken goed doel</strong></span></p>
<p style="text-align: left;"><span style="font-family: Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;">Op 13 juni 2009 zal de eerste DELTA Toertocht Zeeland worden georganiseerd. Deze toertocht is op verzoek van sponsor DELTA als extra evenement toegevoegd aan de meerdaagse wielerwedstrijd DELTA Tour Zeeland voor professionals. Het biedt fietsliefhebbers de gelegenheid om op het parcours van de profs al fietsend te genieten van de unieke Zeeuwse omgeving. De DELTA Tour Zeeland voor professionals organiseert de DELTA Toertocht Zeeland in samenwerking met de stichting Ride for the Roses.</span></p>
<p style="text-align: left;"><span style="font-family: Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;">De 11e editie van De Ride for the Roses die in 2008 in Zeeland werd gehouden, heeft aangetoond dat er veel belangstelling is voor een dergelijk evenement. Het aantal deelnemers bedroeg toen 14.000. De eerste versie van de DELTA Toertocht Zeeland stelt vooral de vele Zeeuwse deelnemers nu wederom in de gelegenheid te fietsen voor KWF Kankerbestrijding. </span></p>
<p style="text-align: left;"><span style="font-family: Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;">Door een drietal routes uit te zetten van 25, 50 en 120 kilometer kan er op ieder niveau worden deelgenomen. Als start- en aankomstlocatie is gekozen voor de Zeelandhallen. De 25 en 50 kilometer worden verreden over de mooie binnenwegen van Zuid-Beveland, terwijl de route van de 120 kilometer grotendeels zal gaan over het parcours van de DELTA Tour Zeeland. De route vanaf de Zeelandhallen te Goes verloopt over Noord-Beveland via de Stormvloedkering naar Zierikzee en vervolgens via de Zeelandbrug door de finish van de proftour nog een mooie 30 kilometer door Zuid-Beveland. </span></p>
<p style="text-align: left;"><span style="font-family: Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;">Aan alle afstanden kan zowel individueel als met één of meerdere bedrijventeams worden deelgenomen. Inschrijven kan vanaf 16 maart 2009 via www.deltatoertochtzeeland.nl </span></p>
<p style="text-align: left;"><span style="font-family: Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;">Ride for the Roses is van oorsprong een initiatief van Lance Armstrong.</span></p>
<p style="text-align: left;"><span style="font-family: Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;"><strong>Vrijwilligers zijn van harte welkom! Aanmelden kan via </strong><a href="mailto:info@deltatoertocht.nl"><strong>info@deltatoertocht.nl</strong></a></span></p><br>
</div> <!-- end outer2 -->
</div><!-- end #wrapper -->
</div>
<div id="footer">
<p>© Copyright 2009 - <img style="vertical-align: middle;" src="uploads/images/culdoc.jpg" alt="Culdoc Communicatie" width="15" height="16" /> <a title="Culdoc Communicatie" href="http://www.culdoc.com" target="_blank">Culdoc Communicatie</a></p>
</div>
<__body>
</__html><!-- 0,27769 / 25 / 7977796 / 8260260 -->
Code: Select all
/* The wrapper determines the width of the menu elements */
#menuwrapper {
position: relative;
left: -50px;
width: 100%;
}
/* Unless you know what you do, do not touch this */
#primary-nav, #primary-nav ul {
list-style: none;
margin: 0px;
padding: 0px;
width: 100%;
margin-left: -1px;
}
#primary-nav ul{
list-style: none;
margin: 0;
padding: 0;
}
#primary-nav ul li{
text-align: left;
min-height: 25px;
padding-left: 0px;
}
#primary-nav a {
display: block;
width: 165px;
height: 12px;
padding: 1px 12px 8px 8px;
margin: 2px 5px 2px 4px;
border-width: 1px;
border-style: solid;
border-color: #e6d9cc #66594d #ccc #fff;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 0.8em;
text-decoration: none;
font-weight: normal;
text-align: left;
color: #000000;
background: #94c4dc;
}
#primary-nav a:hover {
background-color: #0076ac;
color: #ffffff;
border-color: #aaab9c #fff #fff #ccc;
}
