Ronnie1967
Gebruiker
- Lid geworden
- 6 mrt 2003
- Berichten
- 367
Hoi,
Ik heb hem niet online staan maar ik heb de code hieronder toegevoegd.
Kun je daar iets mee?
het menu blijft nu wel werken maar des je naar beneden scrolt des te lager komt het uitklapmenu tevoorschijn.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="nl">
<head>
<link rel="stylesheet" href="cbcscbinsmenu.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Language" content="nl">
<title>onze website</title>
<meta name="description" content="leuke site over ons, onze vakantie's en onze dieren">
<meta name="keywords" content="zillertal,oostenrijk,zwitserland,duitsland,nederland,wandelingen,uitstapjes,konijnen,poezen,cavia's,fügen,wallis,olpererhütte,berlinerhütte,schleggeisspeicher,innsbruck">
<!-- basis layout met "Online Page Creator for Dummies (c)" -->
<!-- http://developerscorner.nl/pagecreator/ -->
<!-- overgenomen op basis van Creative Common licentie -->
<style type="text/css">
html {
height: 101%;
background: #C0C0C0;
color: black;
}
/* Attentie: Om de achtergrondkleuren van de menukolom en de inhoud */
/* ========= over de volle hoogte te krijgen (onafhankelijk van wie */
/* ========= van de twee het hoogste is) is gebruik gemaakt van de */
/* ========= zogenaamde "faux column" (nep-kolom) techniek. Hierbij */
/* ========= wordt de achtergrondkleur van de menukolom niet aan de */
/* ========= menukolom zelf gekoppeld, maar aan de linkerkant als */
/* ========= achtergrond-figuur ingevoegd in het element. */
/* ========= De kleur van het inhoud-blok zit ook in de body-style! */
/* Gevolg 1: Voor verandering van de menu-achtergrondkleur moet het */
/* ========= achtergrondplaatje in de body een nieuwe kleur krijgen.*/
/* Gevolg 2: Voor verandering van de inhoud-achtergrondkleur kan de */
/* ========= achtergrondkleur in de body-style aangepast worden. */
/* Gevolg 3: Een eventueel scheidingslijntje tussen menu en inhoud */
/* ========= moet ook (aan de rechterkant) in de achtergrondfiguur */
/* ========= ingetekend worden! Dit gaat dan over de hele hoogte. */
/* Gevolg 4: Wat ruimte maken tussen de onderkant van de kop en het */
/* ========= begin van dit scheidingslijntje kan: door vlak voor de */
/* ========= menukolom een "overbloesende" lege <div id="menutop"> */
/* ========= plaatsen met in de css voor de #menutop: een bepaalde */
/* ========= hoogte; als breedte: de breedte van de menukolom; plus */
/* ========= de achtergrondkleur van de menukolom. Zo ontsnapt dit */
/* ========= strookje aan het lijntje. */
body {
width: 1100px;
margin: 0 auto;
padding: 0;
/* achtergrondplaatje van 500px breed: */
/* staat dan: 500px - 200px breedte menukolom = 300px te ver naar rechts */
background-position: -300px 0; /* horizontaal verschoven, verticaal niet */
/* achtergrondkleur van #inhoud */
color: black;
background-image: url('images/menu-achtergrondkleur500x100.gif');
background-repeat: repeat-y;
background-attachment: scroll;
}
h1, h2, h3, h4, p {
margin: 0;
padding: 0;
}
.clearBoth {
clear: both;
}
/* Attentie: de "kantlijn-afstanden" in de drie blokken zijn */
/* ========= regelbaar met de padding van de #binnenkant-div's ! */
#kop {
height: 50px;
color: black;
}
#binnenkantKop {
padding: 10px; /* aanpasbaar! */
}
#menukolom {
float: left;
width: 200px;
position:fixed;
}
#binnenkantMenukolom {
padding: 0 10px; /* aanpasbaar! */
}
#inhoud {
height: 500px; /* tijdelijk! */
margin-left: 300px; /* gelijk aan breedte #menukolom */
}
#binnenkantInhoud {
padding: 0 10px; /* aanpasbaar! */
}
.style1 {
margin-left: 347px;
}
</style>
</head>
<body style="background-color: #E6FFE6">
<div id="kop">
<div id="binnenkantKop">
<h1>kop</h1>
</div>
</div>
<div id="menukolom" style="left: 0px; top: 55px; width: 276px; height: 426px">
<div id="binnenkantMenukolom" style="width: 233px">
<p> <p>
<script type="text/javascript" src="cbjscbinsmenu.js"></script>
<!--webbot bot="Include" U-Include="Menu/menu.htm" TAG="BODY" startspan --><link rel="stylesheet" href="Menu/cbcscbinsmenu.css" type="text/css" />
<ul id="ebul_cbinsmenu_4" class="ebul_cbinsmenu" style="display: none;">
<li><a title="">Wandelingen</a></li>
<li><a title="">Uitstapjes</a></li>
<li><a title="">Reisverslagen</a></li>
<li><a title="">Informatie</a></li>
</ul>
<ul id="ebul_cbinsmenu_5" class="ebul_cbinsmenu" style="display: none;">
<li><a title="">Wandelingen</a></li>
<li><a title="">Uitstapjes</a></li>
<li><a title="">Reisverlagen</a></li>
<li><a title="">Informatie</a></li>
</ul>
<ul id="ebul_cbinsmenu_6" class="ebul_cbinsmenu" style="display: none;">
<li><a title="">Wandelingen</a></li>
<li><a title="">Uitstapjes</a></li>
<li><a title="">Reisverslagen</a></li>
<li><a title="">Informatie</a></li>
</ul>
<ul id="ebul_cbinsmenu_7" class="ebul_cbinsmenu" style="display: none;">
<li><a title="">Wandelingen</a></li>
<li><a title="">Uitstapjes</a></li>
<li><a title="">Reisverslagen</a></li>
<li><a title="">Informatie</a></li>
</ul>
<ul id="ebul_cbinsmenu_8" class="ebul_cbinsmenu" style="display: none;">
<li><a title="">Kater Biggel</a></li>
<li><a title="">Kater Stitch</a></li>
<li><a title="">Poes Minoes</a></li>
<li><a title="">Noorse Boskat</a></li>
<li><a title="">Cavia Juultje</a></li>
<li><a title="">Cavia Sasja</a></li>
<li><a title="">Konijn Layla</a></li>
</ul>
<table id="cbinsmenuebul_table" width="0" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="padding-bottom:0px" title=""><a><img id="cbi_cbinsmenu_1" src="Menu/ebbtcbinsmenu1_0.gif" name="ebbcbinsmenu_1" width="126" height="32" border="0" alt="Home" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:0px" title=""><a href="E:\Users\Ron en Carina\Desktop\Nieuwe site\Over ons\over ons.htm"><img id="cbi_cbinsmenu_2" src="Menu/ebbtcbinsmenu2_0.gif" name="ebbcbinsmenu_2" width="126" height="32" border="0" alt="Over ons" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:0px" title=""><a><img id="cbi_cbinsmenu_3" src="Menu/ebbtcbinsmenu3_0.gif" name="ebbcbinsmenu_3" width="126" height="32" border="0" alt="Nieuw op de site" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:0px" title=""><a><img id="cbi_cbinsmenu_4" src="Menu/ebbtcbinsmenu4_0.gif" name="ebbcbinsmenu_4" width="126" height="32" border="0" alt="Nederland" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:0px" title=""><a><img id="cbi_cbinsmenu_5" src="Menu/ebbtcbinsmenu5_0.gif" name="ebbcbinsmenu_5" width="126" height="32" border="0" alt="Oostenrijk" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:0px" title=""><a><img id="cbi_cbinsmenu_6" src="Menu/ebbtcbinsmenu6_0.gif" name="ebbcbinsmenu_6" width="126" height="32" border="0" alt="Zwitserland" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:0px" title=""><a><img id="cbi_cbinsmenu_7" src="Menu/ebbtcbinsmenu7_0.gif" name="ebbcbinsmenu_7" width="126" height="32" border="0" alt="Duitsland" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:0px" title=""><a><img id="cbi_cbinsmenu_8" src="Menu/ebbtcbinsmenu8_0.gif" name="ebbcbinsmenu_8" width="126" height="32" border="0" alt="Onze dieren" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:0px" title=""><a><img id="cbi_cbinsmenu_9" src="Menu/ebbtcbinsmenu9_0.gif" name="ebbcbinsmenu_9" width="126" height="32" border="0" alt="E-Mail" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:0px" title=""><a><img id="cbi_cbinsmenu_10" src="Menu/ebbtcbinsmenu10_0.gif" name="ebbcbinsmenu_10" width="126" height="32" border="0" alt="Vakantie recepten" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:0px" title=""><a><img id="cbi_cbinsmenu_11" src="Menu/ebbtcbinsmenu11_0.gif" name="ebbcbinsmenu_11" width="126" height="32" border="0" alt="Leuke links" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:0px" title=""><a><img id="cbi_cbinsmenu_12" src="Menu/ebbtcbinsmenu12_0.gif" name="ebbcbinsmenu_12" width="126" height="32" border="0" alt="Gastenboek" title="" /></a></td>
</tr>
</table>
<script type="text/javascript" src="Menu/cbjscbinsmenu.js"></script>
<!--webbot bot="Include" i-checksum="60020" endspan --><p>
</div>
</div>
<div id="inhoud" style="height: 545px" class="style1">
<div id="binnenkantInhoud">
<h2 style="width: 1043px">inhoud</h2>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
</div>
</div>
<div class="clearBoth"><!-- ! --></div>
</body>
</html>
ik hoor graag weer
ron
Ik heb hem niet online staan maar ik heb de code hieronder toegevoegd.
Kun je daar iets mee?
het menu blijft nu wel werken maar des je naar beneden scrolt des te lager komt het uitklapmenu tevoorschijn.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="nl">
<head>
<link rel="stylesheet" href="cbcscbinsmenu.css" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Language" content="nl">
<title>onze website</title>
<meta name="description" content="leuke site over ons, onze vakantie's en onze dieren">
<meta name="keywords" content="zillertal,oostenrijk,zwitserland,duitsland,nederland,wandelingen,uitstapjes,konijnen,poezen,cavia's,fügen,wallis,olpererhütte,berlinerhütte,schleggeisspeicher,innsbruck">
<!-- basis layout met "Online Page Creator for Dummies (c)" -->
<!-- http://developerscorner.nl/pagecreator/ -->
<!-- overgenomen op basis van Creative Common licentie -->
<style type="text/css">
html {
height: 101%;
background: #C0C0C0;
color: black;
}
/* Attentie: Om de achtergrondkleuren van de menukolom en de inhoud */
/* ========= over de volle hoogte te krijgen (onafhankelijk van wie */
/* ========= van de twee het hoogste is) is gebruik gemaakt van de */
/* ========= zogenaamde "faux column" (nep-kolom) techniek. Hierbij */
/* ========= wordt de achtergrondkleur van de menukolom niet aan de */
/* ========= menukolom zelf gekoppeld, maar aan de linkerkant als */
/* ========= achtergrond-figuur ingevoegd in het element. */
/* ========= De kleur van het inhoud-blok zit ook in de body-style! */
/* Gevolg 1: Voor verandering van de menu-achtergrondkleur moet het */
/* ========= achtergrondplaatje in de body een nieuwe kleur krijgen.*/
/* Gevolg 2: Voor verandering van de inhoud-achtergrondkleur kan de */
/* ========= achtergrondkleur in de body-style aangepast worden. */
/* Gevolg 3: Een eventueel scheidingslijntje tussen menu en inhoud */
/* ========= moet ook (aan de rechterkant) in de achtergrondfiguur */
/* ========= ingetekend worden! Dit gaat dan over de hele hoogte. */
/* Gevolg 4: Wat ruimte maken tussen de onderkant van de kop en het */
/* ========= begin van dit scheidingslijntje kan: door vlak voor de */
/* ========= menukolom een "overbloesende" lege <div id="menutop"> */
/* ========= plaatsen met in de css voor de #menutop: een bepaalde */
/* ========= hoogte; als breedte: de breedte van de menukolom; plus */
/* ========= de achtergrondkleur van de menukolom. Zo ontsnapt dit */
/* ========= strookje aan het lijntje. */
body {
width: 1100px;
margin: 0 auto;
padding: 0;
/* achtergrondplaatje van 500px breed: */
/* staat dan: 500px - 200px breedte menukolom = 300px te ver naar rechts */
background-position: -300px 0; /* horizontaal verschoven, verticaal niet */
/* achtergrondkleur van #inhoud */
color: black;
background-image: url('images/menu-achtergrondkleur500x100.gif');
background-repeat: repeat-y;
background-attachment: scroll;
}
h1, h2, h3, h4, p {
margin: 0;
padding: 0;
}
.clearBoth {
clear: both;
}
/* Attentie: de "kantlijn-afstanden" in de drie blokken zijn */
/* ========= regelbaar met de padding van de #binnenkant-div's ! */
#kop {
height: 50px;
color: black;
}
#binnenkantKop {
padding: 10px; /* aanpasbaar! */
}
#menukolom {
float: left;
width: 200px;
position:fixed;
}
#binnenkantMenukolom {
padding: 0 10px; /* aanpasbaar! */
}
#inhoud {
height: 500px; /* tijdelijk! */
margin-left: 300px; /* gelijk aan breedte #menukolom */
}
#binnenkantInhoud {
padding: 0 10px; /* aanpasbaar! */
}
.style1 {
margin-left: 347px;
}
</style>
</head>
<body style="background-color: #E6FFE6">
<div id="kop">
<div id="binnenkantKop">
<h1>kop</h1>
</div>
</div>
<div id="menukolom" style="left: 0px; top: 55px; width: 276px; height: 426px">
<div id="binnenkantMenukolom" style="width: 233px">
<p> <p>
<script type="text/javascript" src="cbjscbinsmenu.js"></script>
<!--webbot bot="Include" U-Include="Menu/menu.htm" TAG="BODY" startspan --><link rel="stylesheet" href="Menu/cbcscbinsmenu.css" type="text/css" />
<ul id="ebul_cbinsmenu_4" class="ebul_cbinsmenu" style="display: none;">
<li><a title="">Wandelingen</a></li>
<li><a title="">Uitstapjes</a></li>
<li><a title="">Reisverslagen</a></li>
<li><a title="">Informatie</a></li>
</ul>
<ul id="ebul_cbinsmenu_5" class="ebul_cbinsmenu" style="display: none;">
<li><a title="">Wandelingen</a></li>
<li><a title="">Uitstapjes</a></li>
<li><a title="">Reisverlagen</a></li>
<li><a title="">Informatie</a></li>
</ul>
<ul id="ebul_cbinsmenu_6" class="ebul_cbinsmenu" style="display: none;">
<li><a title="">Wandelingen</a></li>
<li><a title="">Uitstapjes</a></li>
<li><a title="">Reisverslagen</a></li>
<li><a title="">Informatie</a></li>
</ul>
<ul id="ebul_cbinsmenu_7" class="ebul_cbinsmenu" style="display: none;">
<li><a title="">Wandelingen</a></li>
<li><a title="">Uitstapjes</a></li>
<li><a title="">Reisverslagen</a></li>
<li><a title="">Informatie</a></li>
</ul>
<ul id="ebul_cbinsmenu_8" class="ebul_cbinsmenu" style="display: none;">
<li><a title="">Kater Biggel</a></li>
<li><a title="">Kater Stitch</a></li>
<li><a title="">Poes Minoes</a></li>
<li><a title="">Noorse Boskat</a></li>
<li><a title="">Cavia Juultje</a></li>
<li><a title="">Cavia Sasja</a></li>
<li><a title="">Konijn Layla</a></li>
</ul>
<table id="cbinsmenuebul_table" width="0" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="padding-bottom:0px" title=""><a><img id="cbi_cbinsmenu_1" src="Menu/ebbtcbinsmenu1_0.gif" name="ebbcbinsmenu_1" width="126" height="32" border="0" alt="Home" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:0px" title=""><a href="E:\Users\Ron en Carina\Desktop\Nieuwe site\Over ons\over ons.htm"><img id="cbi_cbinsmenu_2" src="Menu/ebbtcbinsmenu2_0.gif" name="ebbcbinsmenu_2" width="126" height="32" border="0" alt="Over ons" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:0px" title=""><a><img id="cbi_cbinsmenu_3" src="Menu/ebbtcbinsmenu3_0.gif" name="ebbcbinsmenu_3" width="126" height="32" border="0" alt="Nieuw op de site" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:0px" title=""><a><img id="cbi_cbinsmenu_4" src="Menu/ebbtcbinsmenu4_0.gif" name="ebbcbinsmenu_4" width="126" height="32" border="0" alt="Nederland" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:0px" title=""><a><img id="cbi_cbinsmenu_5" src="Menu/ebbtcbinsmenu5_0.gif" name="ebbcbinsmenu_5" width="126" height="32" border="0" alt="Oostenrijk" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:0px" title=""><a><img id="cbi_cbinsmenu_6" src="Menu/ebbtcbinsmenu6_0.gif" name="ebbcbinsmenu_6" width="126" height="32" border="0" alt="Zwitserland" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:0px" title=""><a><img id="cbi_cbinsmenu_7" src="Menu/ebbtcbinsmenu7_0.gif" name="ebbcbinsmenu_7" width="126" height="32" border="0" alt="Duitsland" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:0px" title=""><a><img id="cbi_cbinsmenu_8" src="Menu/ebbtcbinsmenu8_0.gif" name="ebbcbinsmenu_8" width="126" height="32" border="0" alt="Onze dieren" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:0px" title=""><a><img id="cbi_cbinsmenu_9" src="Menu/ebbtcbinsmenu9_0.gif" name="ebbcbinsmenu_9" width="126" height="32" border="0" alt="E-Mail" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:0px" title=""><a><img id="cbi_cbinsmenu_10" src="Menu/ebbtcbinsmenu10_0.gif" name="ebbcbinsmenu_10" width="126" height="32" border="0" alt="Vakantie recepten" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:0px" title=""><a><img id="cbi_cbinsmenu_11" src="Menu/ebbtcbinsmenu11_0.gif" name="ebbcbinsmenu_11" width="126" height="32" border="0" alt="Leuke links" title="" /></a></td>
</tr>
<tr>
<td style="padding-bottom:0px" title=""><a><img id="cbi_cbinsmenu_12" src="Menu/ebbtcbinsmenu12_0.gif" name="ebbcbinsmenu_12" width="126" height="32" border="0" alt="Gastenboek" title="" /></a></td>
</tr>
</table>
<script type="text/javascript" src="Menu/cbjscbinsmenu.js"></script>
<!--webbot bot="Include" i-checksum="60020" endspan --><p>
</div>
</div>
<div id="inhoud" style="height: 545px" class="style1">
<div id="binnenkantInhoud">
<h2 style="width: 1043px">inhoud</h2>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
<p style="width: 1043px"> </p>
</div>
</div>
<div class="clearBoth"><!-- ! --></div>
</body>
</html>
ik hoor graag weer
ron