Vanuit popup-window naar 'Home' en tevens sluiten

Status
Niet open voor verdere reacties.

afarensis

Verenigingslid
Lid geworden
12 jul 2011
Berichten
607
Besturingssysteem
Windows 11
Office versie
365
Via onderstaande tags wordt via de linker knop "Sluit" een popup-window gesloten. Dit is prima. Met de rechter knop "Home" wordt gelinkt naar de homepage.
Vraag is: of ik bij het klikken op de knop "Home" ook het window kan sluiten nadat er gelinkt is naar de homepage? Window blijft nu staan en is niet fraai.

Opmaakcodes staan in een extern stijlblad, maar is (lijkt mij) voor deze vraag niet belangrijk.

<div id="nav">
<a href="JavaScript:window.close()">Sluit</a>
<a href="../index.html" target="_blank" >Home</a>
</div>

Om e.e.a. wat inzichtelijker te maken vraag ik om de moeite te nemen om naar betreffende pop-up te gaan:
Via deze url naar: http://www.lucyonline.nl/evolutienieuws.htm en vervolgens in eerste artikel 'Aapmens met een raar loopje' klikken op 'hier' in de zin 'klik hier om het artikel te lezen'.
Knoppen staan dan onderin het venster van de popup.

De suggestie die ik van iemand kreeg "<a href="../index.html" onclick="window.close();">Home</a>" werkt niet...
 
Hoi afarensis,
Een onclick gaat altijd vooraf aan het doorschakelen naar de link, en als de onclick zegt dat het popup-venster acuut gesloten moet worden ... is er niets meer om naar door te schakelen. ;)
Je zou het eens kunnen proberen met:
HTML:
<a href="../index.html" target="_blank" onclick="setTimeout('window.close()',20); return true">Home</a>
Dan heeft de browser 20 msec. de tijd om eerst de link te openen, en zal daarna het popup-venster afsluiten.

Hoewel...
  • Het ontgaat me waarom de Home-pagina geopend moet worden vanuit de popup.
  • Om de popup te openen, kom je vanaf een andere pagina (hier: "Laatste nieuws").
  • Sluit je de popup (met alleen de close-opdracht), dan kom je vanzelf weer terug op de pagina waaruit de popup geopend werd. Dat is de normale gang van zaken, waar iedereen aan gewend is.
  • Als dan ook nog in een nieuw tabblad de Home-pagina geopend wordt, staan er twee tabbladen van de site. *)
  • Maar wie vanuit "Laatste nieuws" naar de homepage wil, kan dat gewoon vanuit het menu doen.
  • Een extra homepage lijkt me verwarrend voor de bezoeker, en overbodig.
  • De hele knop "Home" kan dus uit de popup geschrapt worden! :)
Met vriendelijke groet,
CSShunter
________
*) Waar de bezoeker terecht komt, is niet te zeggen. Dit is afhankelijk van hoe de bezoeker zijn/haar browser heeft ingesteld:
  • Staat "direct doorgaan naar nieuw tabblad van geopende link" aangevinkt, dan gaat de bezoeker naar de Homepage, en staat de popup-openende pagina er voor spek en bonen bij.
  • Staat "direct doorgaan naar nieuw tabblad van geopende link" uitgevinkt, dan blijft de bezoeker op de popup-openende pagina, en staat de Homepage-tab er voor spek en bonen bij.
 
Hallo,

Bedankt voor je uitgebreide en professionele reactie...

Je suggestie werkt niet helemaal perfect, maar het is zeker een prima verbetering.

Tsja, ik ben zo'n 18 jaar geleden begonnen met het bouwen van de website, en toen was het op dit gebied een heel andere wereld, Notepad, Netscape, Mosaic, Frames, minimaal JScript, geen css (dacht ik), enz.... De popups zou ik nu waarschijnlijk niet meer doen, maar om de hele zaak om te bouwen.... En op zich vind ik het wel handig.

Overigens, de reden waarom ik de knop 'Home' opgenomen heb in de popup's, heeft naar mijn mening toch wel zin. Als je toevallig, via, via, in de popup terecht komt (dus zonder onderliggend hoofdpagina met menu), dan loop je dood (Ja, de url kopieren of veranderen, kan, maar dat is niet echt handig). Bijvoorbeeld via:
http://www.lucyonline.nl/voorouders/australopithecus-sediba_verhaal_nrc_2013.htm. Als je 'dan' in de popup op 'Home' klikt' wordt het venster weliswaar niet direct gesloten wordt, maar als je 'Ja' geeft op de melding "De webpagina die u nu bekijkt, probeert dit venster te sluiten", kom je toch op de hoofdpagina.. Eerlijk gezegd vind ik dat niet zo bezwaarlijk.
Met (onderliggende hoofdpagina) staan er twee hoofdpagina's., maar ja, het zij dan maar zo....
Maar misschien zie ik het verkeerd..

Nogmaals dan voor je uitleg. Ik ben er blij mee.

Gr, George
 
Laatst bewerkt:
Hoi George,
Ja, vroeger ging het er heel anders aan toe: framesets, tables, javascript-menu's, javascript-rollover's, javascript-popup's ... :shocked:
De eerste "echte" css waar je een goed instrument voor de layout mee in handen kreeg, was css2.1 (met de eerste Working Draft in 2002). Maar er gingen heel wat jaartjes overheen voordat de browsers er goed mee overweg konden: Internet Explorer bleef drastisch achter op de andere. En tijdens de browseroorlog van rond 2004 had Microsoft zo zijn eigen opvattingen over html en css (o.a. t/m IE5.5 een afwijkend css-boxmodel).
Gelukkig is dit gaandeweg bijgetrokken. :)

=======
Inderdaad is het niet zo'n gek idee om voor "dwaalgasten" op de popup-pagina's een Home-kop op te nemen: via Google komen de popup-pagina's als zelfstandige pagina's tevoorschijn, en dan kan je op deze manier op de gewone site komen.
=======

Extra probleem!
In de loop der jaren hebben browsers, wijs geworden door misbruik van popup's en pop-under's, verschillende beveiligingsmechanieken ingebouwd tegen ongewenste popup-verschijnselen.

Als ik in Firefox begin met de popup-pagina "Australopithecus sediba":

  • Dan gebeurt er ... niets als ik op de knop "Sluit" klik.
  • Dan opent de Home-pagina in een nieuw tabblad als ik op "Home" klik.
  • Maar met de popup-pagina ... gebeurt nog steeds niets (ondanks het script): die blijft open in zijn eigen tabblad.
Huh? :eek:
Reden is mijn instelling van Firefox, waarin ik niet toegestaan heb dat scripts aan de haal gaan met mijn vensters:

js-context-menu.png

  • Daarmee werkt window.close() alleen maar, als ik zelf met een klik opdracht heb gegeven een popup te openen; en bij een zelfstandig geopende pagina is dat niet het geval.
  • Bij een door mij geopende popup werkt het wel, maar dan doen zich weer de verschijnselen voor van de dubbele tabbladen.
=======

Wat nu?
Als je gebruikersvriendelijk wilt werken met de knoppen onderaan de popup-pagina, zou je eigenlijk een "popup-verklikker" moeten hebben, die vertelt of de pagina als popup of los is geopend.
En dat kan! :)
Het werkt als volgt:

Op de verwijzende pagina
  • Op de verwijzende pagina voeg je een (fake) bladwijzer toe aan de link naar de popup, bijvoorbeeld #special:
  • Op de pagina "Evolutie-nieuws" wordt dan de "klik hier" link:
    HTML:
    <p>
        Klik <a href="http://www.lucyonline.nl/voorouders/australopithecus-sediba_verhaal_nrc_2013.htm" 
             onclick="return openWin(this.href+'#special', 900, 750)">hier</a>
        om het artikel te lezen.
    </p>
  • Het achtervoegsel #special wordt er via het script in gezet: staat onverhoopt javascript uit bij de bezoeker, dan werkt de onclick niet en opent de popup-pagina gewoon in hetzelfde tabblad. Toegankelijkheid gewaarborgd!
  • Tweede voordeel: de Google-bot kent ook geen javascript: dus de link met het achtervoegsel kan niet door Google geïndiceerd worden (waarmee de verkeerde knop onderaan de popup-pagina zou komen te staan).

Op de popup-pagina
Hier wordt de <div id="nav"></div> standaard gevuld met alleen de knop "Home":
HTML:
...
<div id="nav"><a href="http://www.lucyonline.nl/index.htm">Home</a></div>
...
  • Staat onverhoopt javascript uit bij de bezoeker, dan kan altijd op de homepage gekomen worden (in hetzelfde tabblad).
  • Staat onverhoopt javascript uit bij de bezoeker, en komt deze van een verwijzende pagina, dan kan daarnaar teruggegaan (worden in hetzelfde tabblad) via de gewone "Terug" knop van de browser.
  • Toegankelijkheid gewaarborgd!
Op de popup-pagina vindt verder met javascript een detectie plaats of het achtervoegsel #special bij de link aanwezig is.
  • In de adresbalk staat nu:
    hetzij: http://www.lucyonline.nl/voorouders/australopithecus-sediba_verhaal_nrc_2013.htm,
    hetzij: http://www.lucyonline.nl/voorouders/australopithecus-sediba_verhaal_nrc_2013.htm#special.
  • Staat er wel #special achter de bestandsnaam, dan is het een pagina die door een verwijzende pagina geopend is: dus een popup-pagina, die met window.close() gesloten mag worden.
  • In dat geval wordt de inhoud van de <div id="nav"></div> vervangen door alleen de knop "Sluiten" waar de window.close() opdracht aan vast zit.
  • De knop "Home" is overbodig, want je komt weer terug op de verwijzende pagina.
  • Staat er géén #special achter de bestandsnaam, dan is het géén popup-pagina maar een zelfstandige pagina en doet het script niets. Dan blijft alles bij het oude: met de knop "Home" kan je naar de rest van de site gaan zonder dat er een nieuw tabblad geopend wordt.
Het javascript hiervoor komt helemaal onderaan de popup-pagina te staan, vlak voor de </body></html>:
[JS]<script type="text/javascript">
//<![CDATA[
if (location.href.indexOf('#special')!=-1){ // als een #special achtervoegsel in de paginanaam bestaat, dan is het een popup
// en dan wordt de knop "Home" vervangen door de knop "Sluiten"
// om terug te keren naar de pagina waar de popup in werd geopend:
document.getElementById('nav').innerHTML='<a href="#" onclick="window.close(); return false;">Sluit</a>';
}
//]]>
</script>
[/JS]
=======

CSS
Om de knoppen mooi in het midden te krijgen, moet de css iets worden aangepast:
Code:
#nav {
	width:auto; 
	text-align: center;
	}
#nav a {
	float: none;
	display: inline-block;
	}
=======

Test!
  1. Ga naar de zelfstandige pagina: bliksekaters.nl/tests/lucy-A-sediba.html.
    Onderaan staat de knop "Home".
    Klik > de Homepage verschijnt in hetzelfde venster.

  2. Ga naar de verwijzende pagina bliksekaters.nl/tests/lucy-evolutie-nieuws.html
    Daarin staat de link naar de popup: "Klik hier om het artikel te lezen...".
    Klik > het popup-artikel verschijnt.
    Onderaan staat nu de knop "Sluiten".
    Klik > de popup verdwijnt, en je bent weer terug op Evolutie-nieuws.
Als javascript niet aan staat, werkt het zoals hierboven beschreven.
Is dat wat?

Met vriendelijke groet,
CSShunter
 
Laatst bewerkt:
Hallo,

Nou zeg, dat iemand zoveel moeite doet om een 'totaal wildvreemde' te helpen. Dat is toch wel bewonderenswaardig.....

En.... 'Mega Honourable Senior Member' is zeker op zijn plaats... Ik neem aan, gezien het hoge gehalte van professionaliteit, dat je uit dat wereldje komt, of.. er nog in werkzaam bent.
Ik ben een aantal jaren schrijver geweest van technische handleidingen e.d.; let dan ook altijd op taal, schrijfwijze, structuur e.d. maar ook dat is heel goed!

Nu je 'grote' verhaal: Ik moest wel even puzzelen (maar dat is geheel en al te wijten aan mijn onkunde) voordat ik het allemaal door had, maar het is gelukt en het werkt perfect, in alle varianten.

Ik ben nog wel vele uren bezig om de popups en verwijzende pagina' om te bouwen, maar dat heb ik er zeker voor over..

Nog even een klein aanvullend vraagje als het mag...
Ik zie dat je de voorkeur geeft aan het vermelden van de hele url i.p.v. bijvoorbeeld ../index.htm. Op sommige plekken moet ik werken met bijvoorbeeld '../../../' en dat is natuurlijk wel opletten. Maar voor de uitwerking heeft het denk ik geen 'negatieve' invloed?

P.S. ga je ook een privé mailtje sturen...

Nogmaals veel dank voor alle moeite......

Groet, George
 
Laatst bewerkt:
Hoi George,
Bedankt voor je privé-mailtje. :) - Ik hou wel van een beetje puzzelen, en vind dat de mens de baas moet zijn en de machine moet gehoorzamen. Als je maar goed de "als ... dan ..." regels toepast (de machine weet niet beter), moet je er in principe altijd uit kunnen komen. ;)

Ben eens aan het bladeren in de site geweest: wat een schat aan info!

De absolute URL's in het voorbeeld (voor de links naar de andere voorbeeld-pagina's op mijn server): die moest ik toepassen omdat ik er gemakshalve een <base href="http://www.lucyonline.nl/" /> in had verwerkt om de aanvullende bestanden en images niet op m'n server te hoeven zetten (de relatieve URL's voor css, javascript enz. worden hiermee van lucyonline.nl afgetapt).
Maar als je zelf lucyonline.nl bent kan alles met relatieve URL's, dat lijkt me geen bezwaar.

O ja, de <div class="mijntekstDiv"> staat per abuis overal in de <head> i.p.v. meteen na de <body>. Dat merkt de html-validator ook op.
Met vriendelijke groet,
CSShunter
_______
PS: Van wat het "AllWebMenus"-javascript van het menu maakt ...
HTML:
<!-- ******** BEGIN ALLWEBMENUS CODE FOR lucy ******** -->
<script type="text/javascript">var MenuLinkedBy="AllWebMenus [4]",awmMenuName="lucy",awmBN="908";</script><script charset="UTF-8" 
src="lucy.js" type="text/javascript"></script><script src="http://www.lucyonline.nl/awmdata/awmlib2.js"></script><script 
type="text/javascript">awmBuildMenu();</script><style>.awmTR {background-color:transparent !important;border:none;} .awmTB, .awmTB 
td{table-layout:auto;border-collapse:separate;padding:0px;margin:0px;border:none} .awmTB, .awmTB tbody{background-
color:transparent}.AWMST0 {max-width:none;position:absolute;border-radius:0px / 0px;width:100%;visibility:hidden;text-align:left; background-
color:transparent;border-style:none; border-width:0px; border-color:#000000;  cursor:default;z-index:1000}.AWMST0 tbody {background-
color:transparent;}.AWMSTTD0 {border-style:none;border-width:0px;text-align:left; background-color:transparent;}.AWMSTBG0 
{position:absolute;max-width:none;border-radius:0px / 0px;left:0px;top:0px;border-style:none; border-width:0px; border- 
color:#000000;background-color:transparent;z-index:auto;}.AWMSTBG0 tbody {background-color:transparent;}.AWMSTCBG0 
position:absolute;border-radius:0px / 0px;line-height:normal;visibility:hidden;background-color:transparent;border-style:none;border-
width:0px;border-color:#000000;z-index:1000} @media print {.AWMSTCBG0{display:none}}.AWMST1 {max-width:none;position:absolute;border-
radius:0px / 0px;width:100%;visibility:inherit;text-align:center; font:14px Tahoma !important; color:#603920;background-
color:transparent;border-style:solid; border-width:1px; border-color:#603920;  cursor:pointer;z-index:1000}.AWMST1 tbody {background-
color:transparent;}.AWMSTTD1 {border-style:none;border-width:0px;text-align:center; font:14px Tahoma !important; color:#603920;background-
color:transparent;}.AWMSTBG1 {position:absolute;max-width:none;border-radius:0px / 0px;left:0px;top:0px;border-style:solid; border-width:1px; 
border-color:#603920;background-color:#FFFFF0;z-index:auto;}.AWMSTBG1 tbody {background-color:transparent;}.AWMSTCBG1 
{position:absolute;border-radius:0px / 0px;line-height:normal;visibility:inherit;background-color:#FFFFF0;border-style:solid;border-
width:1px;border-color:#603920;z-index:1000} @media print {.AWMSTCBG1{display:none}}.AWMST2 {max-width:none;position:absolute;border-
radius:0px / 0px;width:100%;visibility:inherit;text-align:center; font:14px Tahoma !important; color:#603920;background-
color:transparent;border-style:solid; border-width:2px; border-color:#603920;  cursor:pointer;z-index:1000}.AWMST2 tbody {background-
color:transparent;}.AWMSTTD2 {border-style:none;border-width:0px;text-align:center; font:14px Tahoma !important; color:#603920;background-
color:transparent;}.AWMSTBG2 {position:absolute;max-width:none;border-radius:0px / 0px;left:0px;top:0px;border-style:solid; border-width:2px; 
border-color:#603920;background-color:#EFE9D0;z-index:auto;}.AWMSTBG2 tbody {background-color:transparent;}.AWMSTCBG2 
{position:absolute;border-radius:0px / 0px;line-height:normal;visibility:inherit;background-color:#EFE9D0;border-style:solid;border-
width:2px;border-color:#603920;z-index:1000} @media print {.AWMSTCBG2{display:none}}.AWMST3 {max-width:none;position:absolute;border-
radius:0px / 0px;width:100%;visibility:inherit;text-align:center; font:14px Tahoma !important; color:#603920;background-
color:transparent;border-style:solid; border-width:1px; border-color:#603920;  cursor:default;z-index:1000}.AWMST3 tbody {background-
color:transparent;}.AWMSTTD3 {border-style:none;border-width:0px;text-align:center; font:14px Tahoma !important; color:#603920;background-
color:transparent;}.AWMSTBG3 {position:absolute;max-width:none;border-radius:0px / 0px;left:0px;top:0px;border-style:solid; border-width:1px; 
border-color:#603920;background-color:#FFFFF0;z-index:auto;}.AWMSTBG3 tbody {background-color:transparent;}.AWMSTCBG3 
{position:absolute;border-radius:0px / 0px;line-height:normal;visibility:inherit;background-color:#FFFFF0;border-style:solid;border-
width:1px;border-color:#603920;z-index:1000} @media print {.AWMSTCBG3{display:none}}.AWMST4 {max-width:none;position:absolute;border-
radius:0px / 0px;width:100%;visibility:inherit;text-align:center; font:14px Tahoma !important; color:#603920;background-
color:transparent;border-style:solid; border-width:2px; border-color:#603920;  cursor:default;z-index:1000}.AWMST4 tbody {background-
color:transparent;}.AWMSTTD4 {border-style:none;border-width:0px;text-align:center; font:14px Tahoma !important; color:#603920;background-
color:transparent;}.AWMSTBG4 {position:absolute;max-width:none;border-radius:0px / 0px;left:0px;top:0px;border-style:solid; border-width:2px; 
border-color:#603920;background-color:#EFE9D0;z-index:auto;}.AWMSTBG4 tbody {background-color:transparent;}.AWMSTCBG4 
{position:absolute;border-radius:0px / 0px;line-height:normal;visibility:inherit;background-color:#EFE9D0;border-style:solid;border-
width:2px;border-color:#603920;z-index:1000} @media print {.AWMSTCBG4{display:none}}.AWMST5 {max-width:none;position:absolute;border-
radius:0px / 0px;width:100%;visibility:hidden;text-align:left; background-color:transparent;border-style:none; border-width:0px; border-
color:#000000;  cursor:default;z-index:1000}.AWMST5 tbody {background-color:transparent;}.AWMSTTD5 {border-style:none;border-
width:0px;text-align:left; background-color:transparent;}.AWMSTBG5 {position:absolute;max-width:none;border-radius:0px / 
0px;left:0px;top:0px;border-style:none; border-width:0px; border-color:#000000;background-color:transparent;z-index:auto;}.AWMSTBG5 tbody 
{background-color:transparent;}.AWMSTCBG5 {position:absolute;border-radius:0px / 0px;line-height:normal;visibility:hidden;background-
color:transparent;border-style:none;border-width:0px;border-color:#000000;z-index:1000} @media print {.AWMSTCBG5{display:none}}.AWMST6 
{max-width:none;position:absolute;border-radius:0px / 0px;width:100%;visibility:inherit;text-align:left; font:14px Tahoma !important; 
color:#603920;background-color:transparent;border-style:solid; border-width:1px; border-color:#603920;  cursor:pointer;z-index:1000}.AWMST6 
tbody {background-color:transparent;}.AWMSTTD6 {border-style:none;border-width:0px;text-align:left; font:14px Tahoma !important; 
color:#603920;background-color:transparent;}.AWMSTBG6 {position:absolute;max-width:none;border-radius:0px / 0px;left:0px;top:0px;border-
style:solid; border-width:1px; border-color:#603920;background-color:#FFFFF0;z-index:auto;}.AWMSTBG6 tbody {background-
color:transparent;}.AWMSTCBG6 {position:absolute;border-radius:0px / 0px;line-height:normal;visibility:inherit;background-color:#FFFFF0;border-
style:solid;border-width:1px;border-color:#603920;z-index:1000} @media print {.AWMSTCBG6{display:none}}.AWMST7 
{max-width:none;position:absolute;border-radius:0px / 0px;width:100%;visibility:inherit;text-align:left; font:14px Tahoma !important; 
color:#603920;background-color:transparent;border-style:solid; border-width:2px; border-color:#603920;  cursor:pointer;z-index:1000}.AWMST7 
tbody {background-color:transparent;}.AWMSTTD7 {border-style:none;border-width:0px;text-align:left; font:14px Tahoma !important; 
color:#603920;background-color:transparent;}.AWMSTBG7 {position:absolute;max-width:none;border-radius:0px / 0px;left:0px;top:0px;border-
style:solid; border-width:2px; border-color:#603920;background-color:#EFE9D0;z-index:auto;}.AWMSTBG7 tbody {background-
color:transparent;}.AWMSTCBG7 {position:absolute;border-radius:0px / 0px;line-height:normal;visibility:inherit;background-color:#EFE9D0;border-
style:solid;border-width:2px;border-color:#603920;z-index:1000} @media print {.AWMSTCBG7{display:none}}.AWMST8 
{max-width:none;position:absolute;border-radius:0px / 0px;width:100%;visibility:inherit;text-align:left; font:14px Tahoma !important; 
color:#603920;background-color:transparent;border-style:solid; border-width:1px; border-color:#603920;  cursor:default;z-index:1000}.AWMST8 
tbody {background-color:transparent;}.AWMSTTD8 {border-style:none;border-width:0px;text-align:left; font:14px Tahoma !important; 
color:#603920;background-color:transparent;}.AWMSTBG8 {position:absolute;max-width:none;border-radius:0px / 0px;left:0px;top:0px;border-
style:solid; border-width:1px; border-color:#603920;background-color:#FFFFF0;z-index:auto;}.AWMSTBG8 tbody {background-
color:transparent;}.AWMSTCBG8 {position:absolute;border-radius:0px / 0px;line-height:normal;visibility:inherit;background-color:#FFFFF0;border-
style:solid;border-width:1px;border-color:#603920;z-index:1000} @media print {.AWMSTCBG8{display:none}}.AWMST9 
{max-width:none;position:absolute;border-radius:0px / 0px;width:100%;visibility:inherit;text-align:left; font:14px Tahoma !important; 
color:#603920;background-color:transparent;border-style:solid; border-width:2px; border-color:#603920;  cursor:default;z-index:1000}.AWMST9 
tbody {background-color:transparent;}.AWMSTTD9 {border-style:none;border-width:0px;text-align:left; font:14px Tahoma !important; 
color:#603920;background-color:transparent;}.AWMSTBG9 {position:absolute;max-width:none;border-radius:0px / 0px;left:0px;top:0px;border-
style:solid; border-width:2px; border-color:#603920;background-color:#EFE9D0;z-index:auto;}.AWMSTBG9 tbody {background-
color:transparent;}.AWMSTCBG9 {position:absolute;border-radius:0px / 0px;line-height:normal;visibility:inherit;background-color:#EFE9D0;border-
style:solid;border-width:2px;border-color:#603920;z-index:1000} @media print {.AWMSTCBG9{display:none}}</style><div id="AWMEL0" 
class="AWMSTCBG0 noprint" style="padding: 1px; top: 210px; opacity: 1; width: 791px; height: 23px; z-index: 1001; left: 245px; visibility: 
visible;" onmouseover="this.prc.onmouseover();" onmouseout="this.prc.onmouseout();" onclick="void(0);"><div onscroll="scW=gScW();" 
id="AWMEL0_A" style="visibility: inherit; position: relative; padding: 0px; margin: 0px; border: medium none; width: 791px; height: 23px; overflow: 
visible;"><table style="display: table; border-collapse: separate; padding: 0px; margin: 0px; left: 0px; top: 0px; width: 70px; height: 23px; 
visibility: inherit;" id="AWMEL1_0" class="AWMST1" title="" onmouseover="this.pi.onmouseover();return true" onmouseout="this.pi.onmouseout();" 
onclick="void(0);" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr class="awmTR"><td class="AWMSTTD1" style="vertical-
align:middle;padding:1px 15px 1px 15px;padding-left:15px;font:14px Tahoma !important; color:#603920;white-space:nowrap;">Home</td>
</tr></tbody></table><table style="visibility: hidden; display: table; border-collapse: separate; padding: 0px; margin: 0px; left: 0px; top: 0px; 
width: 70px; height: 23px;" id="AWMEL1_1" class="AWMST2" title="" onmouseover="this.pi.onmouseover();return true" 
onmouseout="this.pi.onmouseout();" onclick="void(0);" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr class="awmTR"><td 
class="AWMSTTD2" style="vertical-align:middle;padding:1px 15px 1px 15px;padding-left:15px;font:14px Tahoma !important; color:#603920;white-
space:nowrap;">Home</td></tr></tbody></table><table style="visibility:hidden;display:table;border-collapse:separate;padding:0px;margin:0px;
left:0px;top:0px;width:70px;height:23px;" id="AWMEL1_2" class="AWMST2" title="" onmouseover="this.pi.onmouseover();return true" 
onmouseout="this.pi.onmouseout();" onclick="void(0);" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr class="awmTR"><td 
class="AWMSTTD2" style="vertical-align:middle;padding:1px 15px 1px 15px;padding-left:15px;font:14px Tahoma !important; color:#603920;white-
space:nowrap;">Home</td></tr></tbody></table><table class="AWMSTBG1" style="display: table; border-collapse: separate; padding: 0px; 
margin: 0px; left: 0px; top: 0px; width: 70px; height: 23px; visibility: inherit;" id="AWMEL1_0a" border="0" cellpadding="0" cellspacing="0">
<tbody><tr class="awmTR"><td style="font-size:0px !important;background-color:transparent;padding:0px;border:none"><img style="margin:0px;
width:1px;height:1px;border-style:none" src="http://www.lucyonline.nl/awmdata/dot.gif"></td></tr></tbody></table><table class="AWMSTBG2" 
style="visibility: hidden; display: table; border-collapse: separate; padding: 0px; margin: 0px; left: 0px; top: 0px; width: 70px; height: 23px;" 
id="AWMEL1_1a" border="0" cellpadding="0" cellspacing="0"><tbody><tr class="awmTR"><td style="font-size:0px !important;background-
color:transparent;padding:0px;border:none"><img style="margin:0px;width:1px;height:1px;border-style:none" src="http://www.lucyonline.nl
/awmdata/dot.gif"></td></tr></tbody></table><table class="AWMSTBG2" style="visibility:hidden;display:table;border-collapse:separate;
padding:0px;margin:0px;left:0px;top:0px;width:70px;height:23px;" id="AWMEL1_2a" border="0" cellpadding="0" cellspacing="0"><tbody><tr 
class="awmTR"><td style="font-size:0px !important;background-color:transparent;padding:0px;border:none"><img style="margin:0px;width:1px;
height:1px;border-style:none" src="http://www.lucyonline.nl/awmdata/dot.gif"></td></tr></tbody></table><img tabindex="-1" id="AWMEL1_4" 
title="" style="outline: medium none; border: medium none; position: absolute; margin: 0px; cursor: pointer; z-index: 1002; left: 0px; top: 0px; 
width: 70px; height: 23px; visibility: inherit;" src="http://www.lucyonline.nl/awmdata/dot.gif" onmouseover="this.pi.onmouseover();return true" 
onmouseout="this.pi.onmouseout();" onmousedown="this.pi.onmousedown();" onclick="void(0);" alt=""><table style="display: table; border-
collapse: separate; padding: 0px; margin: 0px; left: 73px; top: 0px; width: 76px; height: 23px; visibility: inherit;" id="AWMEL2_0" 
class="AWMST3" title="" onmouseover="this.pi.onmouseover();return true" onmouseout="this.pi.onmouseout();" onclick="void(0);" border="0" 
cellpadding="0" cellspacing="0" width="100%"><tbody><tr class="awmTR"><td class="AWMSTTD3" style="vertical-align:middle;padding:1px 15px 
1px 15px;padding-left:15px;font:14px Tahoma !important; color:#603920;white-space:nowrap;">Nieuws</td></tr></tbody></table><table 
style="visibility: hidden; display: table; border-collapse: separate; padding: 0px; margin: 0px; left: 73px; top: 0px; width: 76px; height: 23px;" 
id="AWMEL2_1" class="AWMST4" title="" onmouseover="this.pi.onmouseover();return true" onmouseout="this.pi.onmouseout();" onclick="void(0);" 
border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr class="awmTR"><td class="AWMSTTD4" style="vertical-align:middle;
padding:1px 15px 1px 15px;padding-left:15px;font:14px Tahoma !important; color:#603920;white-space:nowrap;">Nieuws</td></tr></tbody>
</table><table style="visibility:hidden;display:table;border-collapse:separate;padding:0px;margin:0px;left:73px;top:0px;width:76px;height:23px;" 
id="AWMEL2_2" class="AWMST4" title="" onmouseover="this.pi.onmouseover();return true" onmouseout="this.pi.onmouseout();" onclick="void(0);" 
border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr class="awmTR"><td class="AWMSTTD4" style="vertical-align:middle;
padding:1px 15px 1px 15px;padding-left:15px;font:14px Tahoma !important; color:#603920;white-space:nowrap;">Nieuws</td></tr></tbody>
</table><table class="AWMSTBG3" style="display: table; border-collapse: separate; padding: 0px; margin: 0px; left: 73px; top: 0px; width: 76px; 
height: 23px; visibility: inherit;" id="AWMEL2_0a" border="0" cellpadding="0" cellspacing="0"><tbody><tr class="awmTR"><td style="font-size:0px 
!important;background-color:transparent;padding:0px;border:none"><img style="margin:0px;width:1px;height:1px;border-style:none" 
src="http://www.lucyonline.nl/awmdata/dot.gif"></td></tr></tbody></table><table class="AWMSTBG4" style="visibility: hidden; display: table; 
border-collapse: separate; padding: 0px; margin: 0px; left: 73px; top: 0px; width: 76px; height: 23px;" id="AWMEL2_1a" border="0" 
cellpadding="0" cellspacing="0"><tbody><tr class="awmTR"><td style="font-size:0px !important;background-
color:transparent;padding:0px;border:none"><img style="margin:0px;width:1px;height:1px;border-style:none" src="http://www.lucyonline.nl
/awmdata/dot.gif"></td></tr></tbody></table><table class="AWMSTBG4" style="visibility:hidden;display:table;border-collapse:separate;
padding:0px;margin:0px;left:73px;top:0px;width:76px;height:23px;" id="AWMEL2_2a" border="0" cellpadding="0" cellspacing="0"><tbody><tr 
class="awmTR"><td style="font-size:0px !important;background-color:transparent;padding:0px;border:none"><img style="margin:0px;width:1px;
height:1px;border-style:none" src="http://www.lucyonline.nl/awmdata/dot.gif"></td></tr></tbody></table><img tabindex="-1" id="AWMEL2_4" 
title="" style="outline: medium none; border: medium none; position: absolute; margin: 0px; cursor: default; z-index: 1002; left: 73px; top: 0px; 
width: 76px; height: 23px; visibility: inherit;" src="http://www.lucyonline.nl/awmdata/dot.gif" onmouseover="this.pi.onmouseover();return true" 
onmouseout="this.pi.onmouseout();" onmousedown="this.pi.onmousedown();" onclick="void(0);" alt=""><table style="display: table; border-
collapse: separate; padding: 0px; margin: 0px; left: 152px; top: 0px; width: 64px; height: 23px; visibility: inherit;" id="AWMEL6_0" 
class="AWMST3" title="" onmouseover="this.pi.onmouseover();return true" onmouseout="this.pi.onmouseout();" onclick="void(0);" border="0" 
cellpadding="0" cellspacing="0" width="100%"><tbody><tr class="awmTR"><td class="AWMSTTD3" style="vertical-align:middle;padding:1px 15px 
1px 15px;padding-left:15px;font:14px Tahoma !important; color:#603920;white-space:nowrap;">Lucy</td></tr></tbody></table><table 
style="visibility:hidden;display:table;border-collapse:separate;padding:0px;margin:0px;left:152px;top:0px;width:64px;height:23px;" 
id="AWMEL6_1" class="AWMST4" title="" onmouseover="this.pi.onmouseover();return true" onmouseout="this.pi.onmouseout();" onclick="void(0);" 
border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr class="awmTR"><td class="AWMSTTD4" style="vertical-align:middle;
padding:1px 15px 1px 15px;padding-left:15px;font:14px Tahoma !important; color:#603920;white-space:nowrap;">Lucy</td></tr></tbody>
</table><table style="visibility:hidden;display:table;border-collapse:separate;padding:0px;margin:0px;left:152px;top:0px;width:64px;
height:23px;" id="AWMEL6_2" class="AWMST4" title="" onmouseover="this.pi.onmouseover();return true" onmouseout="this.pi.onmouseout();" 
onclick="void(0);" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr class="awmTR"><td class="AWMSTTD4" style="vertical-
align:middle;padding:1px 15px 1px 15px;padding-left:15px;font:14px Tahoma !important; color:#603920;white-space:nowrap;">Lucy</td>
</tr></tbody></table><table class="AWMSTBG3" style="display: table; border-collapse: separate; padding: 0px; margin: 0px; left: 152px; top: 
0px; width: 64px; height: 23px; visibility: inherit;" id="AWMEL6_0a" border="0" cellpadding="0" cellspacing="0"><tbody><tr class="awmTR"><td 
style="font-size:0px !important;background-color:transparent;padding:0px;border:none"><img style="margin:0px;width:1px;height:1px;border-
style:none" src="http://www.lucyonline.nl/awmdata/dot.gif"></td></tr></tbody></table><table class="AWMSTBG4" style="visibility:hidden;
display:table;border-collapse:separate;padding:0px;margin:0px;left:152px;top:0px;width:64px;height:23px;" id="AWMEL6_1a" border="0" 
cellpadding="0" cellspacing="0"><tbody><tr class="awmTR"><td style="font-size:0px !important;background-
color:transparent;padding:0px;border:none"><img style="margin:0px;width:1px;height:1px;border-style:none" src="http://www.lucyonline.nl
/awmdata/dot.gif"></td></tr></tbody></table><table class="AWMSTBG4" style="visibility:hidden;display:table;border-collapse:separate;
padding:0px;margin:0px;left:152px;top:0px;width:64px;height:23px;" id="AWMEL6_2a" border="0" cellpadding="0" cellspacing="0"><tbody><tr 
class="awmTR"><td style="font-size:0px !important;background-color:transparent;padding:0px;border:none"><img style="margin:0px;width:1px;
height:1px;border-style:none" src="http://www.lucyonline.nl/awmdata/dot.gif"></td></tr></tbody></table><img tabindex="-1" id="AWMEL6_4" 
title="" style="outline: medium none; border: medium none; position: absolute; margin: 0px; cursor: default; z-index: 1002; left: 152px; top: 0px; 
width: 64px; height: 23px; visibility: inherit;" src="http://www.lucyonline.nl/awmdata/dot.gif" onmouseover="this.pi.onmouseover();return true" 
onmouseout="this.pi.onmouseout();" onmousedown="this.pi.onmousedown();" onclick="void(0);" alt=""><table style="display: table; border-
collapse: separate; padding: 0px; margin: 0px; left: 219px; top: 0px; width: 82px; height: 23px; visibility: inherit;" id="AWMEL14_0" 
class="AWMST3" title="" onmouseover="this.pi.onmouseover();return true" onmouseout="this.pi.onmouseout();" onclick="void(0);" border="0" 
cellpadding="0" cellspacing="0" width="100%"><tbody><tr class="awmTR"><td class="AWMSTTD3" style="vertical-align:middle;padding:1px 15px 
1px 15px;padding-left:15px;font:14px Tahoma !important; color:#603920;white-space:nowrap;">Evolutie</td></tr></tbody></table><table 
style="visibility:hidden;display:table;border-collapse:separate;padding:0px;margin:0px;left:219px;top:0px;width:82px;height:23px;" 
id="AWMEL14_1" class="AWMST4" title="" onmouseover="this.pi.onmouseover();return true" onmouseout="this.pi.onmouseout();" onclick="void(0);" 
border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr class="awmTR"><td class="AWMSTTD4" style="vertical-align:middle;
padding:1px 15px 1px 15px;padding-left:15px;font:14px Tahoma !important; color:#603920;white-space:nowrap;">Evolutie</td></tr></tbody>
</table><table style="visibility:hidden;display:table;border-collapse:separate;padding:0px;margin:0px;left:219px;top:0px;width:82px;
height:23px;" id="AWMEL14_2" class="AWMST4" title="" onmouseover="this.pi.onmouseover();return true" onmouseout="this.pi.onmouseout();" 
onclick="void(0);" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr class="awmTR"><td class="AWMSTTD4" style="vertical-
align:middle;padding:1px 15px 1px 15px;padding-left:15px;font:14px Tahoma !important; color:#603920;white-space:nowrap;">Evolutie</td>
</tr></tbody></table><table class="AWMSTBG3" style="display: table; border-collapse: separate; padding: 0px; margin: 0px; left: 219px; top: 
0px; width: 82px; height: 23px; visibility: inherit;" id="AWMEL14_0a" border="0" cellpadding="0" cellspacing="0"><tbody><tr class="awmTR"><td 
style="font-size:0px !important;background-color:transparent;padding:0px;border:none"><img style="margin:0px;width:1px;height:1px;border-
style:none" src="http://www.lucyonline.nl/awmdata/dot.gif"></td></tr></tbody></table><table class="AWMSTBG4" style="visibility:hidden;
display:table;border-collapse:separate;padding:0px;margin:0px;left:219px;top:0px;width:82px;height:23px;" id="AWMEL14_1a" border="0" 
cellpadding="0" cellspacing="0"><tbody><tr class="awmTR"><td style="font-size:0px !important;background-
color:transparent;padding:0px;border:none"><img style="margin:0px;width:1px;height:1px;border-style:none" src="http://www.lucyonline.nl
/awmdata/dot.gif"></td></tr></tbody></table><table class="AWMSTBG4" style="visibility:hidden;display:table;border-collapse:separate;
padding:0px;margin:0px;left:219px;top:0px;width:82px;height:23px;" id="AWMEL14_2a" border="0" cellpadding="0" cellspacing="0"><tbody><tr 
class="awmTR"><td style="font-size:0px !important;background-color:transparent;padding:0px;border:none"><img style="margin:0px;width:1px;
height:1px;border-style:none" src="http://www.lucyonline.nl/awmdata/dot.gif"></td></tr></tbody></table><img tabindex="-1" id="AWMEL14_4" 
title="" style="outline: medium none; border: medium none; position: absolute; margin: 0px; cursor: default; z-index: 1002; left: 219px; top: 0px; 
width: 82px; height: 23px; visibility: inherit;" src="http://www.lucyonline.nl/awmdata/dot.gif" onmouseover="this.pi.onmouseover();return true" 
onmouseout="this.pi.onmouseout();" onmousedown="this.pi.onmousedown();" onclick="void(0);" alt=""><table style="display: table; border-
collapse: separate; padding: 0px; margin: 0px; left: 304px; top: 0px; width: 104px; height: 23px; visibility: inherit;" id="AWMEL28_0" 
class="AWMST3" title="" onmouseover="this.pi.onmouseover();return true" onmouseout="this.pi.onmouseout();" onclick="void(0);" border="0" 
cellpadding="0" cellspacing="0" width="100%"><tbody><tr class="awmTR"><td class="AWMSTTD3" style="vertical-align:middle;padding:1px 15px 
1px 15px;padding-left:15px;font:14px Tahoma !important; color:#603920;white-space:nowrap;">Voorouders</td></tr></tbody></table><table 
style="visibility: hidden; display: table; border-collapse: separate; padding: 0px; margin: 0px; left: 304px; top: 0px; width: 104px; height: 23px;" 
id="AWMEL28_1" class="AWMST4" title="" onmouseover="this.pi.onmouseover();return true" onmouseout="this.pi.onmouseout();" onclick="void(0);" 
border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr class="awmTR"><td class="AWMSTTD4" style="vertical-align:middle;
padding:1px 15px 1px 15px;padding-left:15px;font:14px Tahoma !important; color:#603920;white-space:nowrap;">Voorouders</td></tr></tbody>
</table><table style="visibility:hidden;display:table;border-collapse:separate;padding:0px;margin:0px;left:304px;top:0px;width:104px;
height:23px;" id="AWMEL28_2" class="AWMST4" title="" onmouseover="this.pi.onmouseover();return true" onmouseout="this.pi.onmouseout();" 
onclick="void(0);" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr class="awmTR"><td class="AWMSTTD4" style="vertical-
align:middle;padding:1px 15px 1px 15px;padding-left:15px;font:14px Tahoma !important; color:#603920;white-space:nowrap;">Voorouders</td>
</tr></tbody></table><table class="AWMSTBG3" style="display: table; border-collapse: separate; padding: 0px; margin: 0px; left: 304px; top: 
0px; width: 104px; height: 23px; visibility: inherit;" id="AWMEL28_0a" border="0" cellpadding="0" cellspacing="0"><tbody><tr class="awmTR"><td 
style="font-size:0px !important;background-color:transparent;padding:0px;border:none"><img style="margin:0px;width:1px;height:1px;border-
style:none" src="http://www.lucyonline.nl/awmdata/dot.gif"></td></tr></tbody></table><table class="AWMSTBG4" style="visibility: hidden; 
display: table; border-collapse: separate; padding: 0px; margin: 0px; left: 304px; top: 0px; width: 104px; height: 23px;" id="AWMEL28_1a" 
border="0" cellpadding="0" cellspacing="0"><tbody><tr class="awmTR"><td style="font-size:0px !important;background-
color:transparent;padding:0px;border:none"><img style="margin:0px;width:1px;height:1px;border-style:none" src="http://www.lucyonline.nl
/awmdata/dot.gif"></td></tr></tbody></table><table class="AWMSTBG4" style="visibility:hidden;display:table;border-collapse:separate;
padding:0px;margin:0px;left:304px;top:0px;width:104px;height:23px;" id="AWMEL28_2a" border="0" cellpadding="0" cellspacing="0"><tbody><tr 
class="awmTR"><td style="font-size:0px !important;background-color:transparent;padding:0px;border:none"><img style="margin:0px;width:1px;
height:1px;border-style:none" src="http://www.lucyonline.nl/awmdata/dot.gif"></td></tr></tbody></table><img tabindex="-1" id="AWMEL28_4" 
title="" style="outline: medium none; border: medium none; position: absolute; margin: 0px; cursor: default; z-index: 1002; left: 304px; top: 0px; 
width: 104px; height: 23px; visibility: inherit;" src="http://www.lucyonline.nl/awmdata/dot.gif" onmouseover="this.pi.onmouseover();return true" 
onmouseout="this.pi.onmouseout();" onmousedown="this.pi.onmousedown();" onclick="void(0);" alt=""><table style="display: table; border-
collapse: separate; padding: 0px; margin: 0px; left: 411px; top: 0px; width: 106px; height: 23px; visibility: inherit;" id="AWMEL61_0" 
class="AWMST1" title="" onmouseover="this.pi.onmouseover();return true" onmouseout="this.pi.onmouseout();" onclick="void(0);" border="0" 
cellpadding="0" cellspacing="0" width="100%"><tbody><tr class="awmTR"><td class="AWMSTTD1" style="vertical-align:middle;padding:1px 15px 
1px 15px;padding-left:15px;font:14px Tahoma !important; color:#603920;white-space:nowrap;">Gastenboek</td></tr></tbody></table><table 
style="visibility: hidden; display: table; border-collapse: separate; padding: 0px; margin: 0px; left: 411px; top: 0px; width: 106px; height: 23px;" 
id="AWMEL61_1" class="AWMST2" title="" onmouseover="this.pi.onmouseover();return true" onmouseout="this.pi.onmouseout();" onclick="void(0);" 
border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr class="awmTR"><td class="AWMSTTD2" style="vertical-align:middle;
padding:1px 15px 1px 15px;padding-left:15px;font:14px Tahoma !important; color:#603920;white-space:nowrap;">Gastenboek</td></tr></tbody>
</table><table style="visibility:hidden;display:table;border-collapse:separate;padding:0px;margin:0px;left:411px;top:0px;width:106px;
height:23px;" id="AWMEL61_2" class="AWMST2" title="" onmouseover="this.pi.onmouseover();return true" onmouseout="this.pi.onmouseout();" 
onclick="void(0);" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr class="awmTR"><td class="AWMSTTD2" style="vertical-
align:middle;padding:1px 15px 1px 15px;padding-left:15px;font:14px Tahoma !important; color:#603920;white-space:nowrap;">Gastenboek</td>
</tr></tbody></table><table class="AWMSTBG1" style="display: table; border-collapse: separate; padding: 0px; margin: 0px; left: 411px; top: 
0px; width: 106px; height: 23px; visibility: inherit;" id="AWMEL61_0a" border="0" cellpadding="0" cellspacing="0"><tbody><tr class="awmTR"><td 
style="font-size:0px !important;background-color:transparent;padding:0px;border:none"><img style="margin:0px;width:1px;height:1px;border-
style:none" src="http://www.lucyonline.nl/awmdata/dot.gif"></td></tr></tbody></table><table class="AWMSTBG2" style="visibility: hidden; 
display: table; border-collapse: separate; padding: 0px; margin: 0px; left: 411px; top: 0px; width: 106px; height: 23px;" id="AWMEL61_1a" 
border="0" cellpadding="0" cellspacing="0"><tbody><tr class="awmTR"><td style="font-size:0px !important;background-
color:transparent;padding:0px;border:none"><img style="margin:0px;width:1px;height:1px;border-style:none" src="http://www.lucyonline.nl
/awmdata/dot.gif"></td></tr></tbody></table><table class="AWMSTBG2" style="visibility:hidden;display:table;border-collapse:separate;
padding:0px;margin:0px;left:411px;top:0px;width:106px;height:23px;" id="AWMEL61_2a" border="0" cellpadding="0" cellspacing="0"><tbody><tr 
class="awmTR"><td style="font-size:0px !important;background-color:transparent;padding:0px;border:none"><img style="margin:0px;width:1px;
height:1px;border-style:none" src="http://www.lucyonline.nl/awmdata/dot.gif"></td></tr></tbody></table><img tabindex="-1" id="AWMEL61_4" 
title="" style="outline: medium none; border: medium none; position: absolute; margin: 0px; cursor: pointer; z-index: 1002; left: 411px; top: 0px; 
width: 106px; height: 23px; visibility: inherit;" src="http://www.lucyonline.nl/awmdata/dot.gif" onmouseover="this.pi.onmouseover();return true" 
onmouseout="this.pi.onmouseout();" onmousedown="this.pi.onmousedown();" onclick="void(0);" alt=""><table style="display: table; border-
collapse: separate; padding: 0px; margin: 0px; left: 520px; top: 0px; width: 93px; height: 23px; visibility: inherit;" id="AWMEL62_0" 
class="AWMST3" title="" onmouseover="this.pi.onmouseover();return true" onmouseout="this.pi.onmouseout();" onclick="void(0);" border="0" 
cellpadding="0" cellspacing="0" width="100%"><tbody><tr class="awmTR"><td class="AWMSTTD3" style="vertical-align:middle;padding:1px 15px 
1px 15px;padding-left:15px;font:14px Tahoma !important; color:#603920;white-space:nowrap;">Kids-hoek</td></tr></tbody></table><table 
style="visibility: hidden; display: table; border-collapse: separate; padding: 0px; margin: 0px; left: 520px; top: 0px; width: 93px; height: 23px;" 
id="AWMEL62_1" class="AWMST4" title="" onmouseover="this.pi.onmouseover();return true" onmouseout="this.pi.onmouseout();" onclick="void(0);" 
border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr class="awmTR"><td class="AWMSTTD4" style="vertical-align:middle;
padding:1px 15px 1px 15px;padding-left:15px;font:14px Tahoma !important; color:#603920;white-space:nowrap;">Kids-hoek</td></tr></tbody>
</table><table style="visibility:hidden;display:table;border-collapse:separate;padding:0px;margin:0px;left:520px;top:0px;width:93px;
height:23px;" id="AWMEL62_2" class="AWMST4" title="" onmouseover="this.pi.onmouseover();return true" onmouseout="this.pi.onmouseout();" 
onclick="void(0);" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr class="awmTR"><td class="AWMSTTD4" style="vertical-
align:middle;padding:1px 15px 1px 15px;padding-left:15px;font:14px Tahoma !important; color:#603920;white-space:nowrap;">Kids-hoek</td>
</tr></tbody></table><table class="AWMSTBG3" style="display: table; border-collapse: separate; padding: 0px; margin: 0px; left: 520px; top: 
0px; width: 93px; height: 23px; visibility: inherit;" id="AWMEL62_0a" border="0" cellpadding="0" cellspacing="0"><tbody><tr class="awmTR"><td 
style="font-size:0px !important;background-color:transparent;padding:0px;border:none"><img style="margin:0px;width:1px;height:1px;border-
style:none" src="http://www.lucyonline.nl/awmdata/dot.gif"></td></tr></tbody></table><table class="AWMSTBG4" style="visibility: hidden; 
display: table; border-collapse: separate; padding: 0px; margin: 0px; left: 520px; top: 0px; width: 93px; height: 23px;" id="AWMEL62_1a" 
border="0" cellpadding="0" cellspacing="0"><tbody><tr class="awmTR"><td style="font-size:0px !important;background-
color:transparent;padding:0px;border:none"><img style="margin:0px;width:1px;height:1px;border-style:none" src="http://www.lucyonline.nl
/awmdata/dot.gif"></td></tr></tbody></table><table class="AWMSTBG4" style="visibility:hidden;display:table;border-collapse:separate;
padding:0px;margin:0px;left:520px;top:0px;width:93px;height:23px;" id="AWMEL62_2a" border="0" cellpadding="0" cellspacing="0"><tbody><tr 
class="awmTR"><td style="font-size:0px !important;background-color:transparent;padding:0px;border:none"><img style="margin:0px;width:1px;
height:1px;border-style:none" src="http://www.lucyonline.nl/awmdata/dot.gif"></td></tr></tbody></table><img tabindex="-1" id="AWMEL62_4" 
title="" style="outline: medium none; border: medium none; position: absolute; margin: 0px; cursor: default; z-index: 1002; left: 520px; top: 0px; 
width: 93px; height: 23px; visibility: inherit;" src="http://www.lucyonline.nl/awmdata/dot.gif" onmouseover="this.pi.onmouseover();return true" 
onmouseout="this.pi.onmouseout();" onmousedown="this.pi.onmousedown();" onclick="void(0);" alt=""><table style="display: table; border-
collapse: separate; padding: 0px; margin: 0px; left: 616px; top: 0px; width: 93px; height: 23px; visibility: inherit;" id="AWMEL69_0" 
class="AWMST3" title="" onmouseover="this.pi.onmouseover();return true" onmouseout="this.pi.onmouseout();" onclick="void(0);" border="0" 
cellpadding="0" cellspacing="0" width="100%"><tbody><tr class="awmTR"><td class="AWMSTTD3" style="vertical-align:middle;padding:1px 15px 
1px 15px;padding-left:15px;font:14px Tahoma !important; color:#603920;white-space:nowrap;">Algemeen</td></tr></tbody></table><table 
style="visibility:hidden;display:table;border-collapse:separate;padding:0px;margin:0px;left:616px;top:0px;width:93px;height:23px;" 
id="AWMEL69_1" class="AWMST4" title="" onmouseover="this.pi.onmouseover();return true" onmouseout="this.pi.onmouseout();" onclick="void(0);" 
border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr class="awmTR"><td class="AWMSTTD4" style="vertical-align:middle;
padding:1px 15px 1px 15px;padding-left:15px;font:14px Tahoma !important; color:#603920;white-space:nowrap;">Algemeen</td></tr></tbody>
</table><table style="visibility:hidden;display:table;border-collapse:separate;padding:0px;margin:0px;left:616px;top:0px;width:93px;
height:23px;" id="AWMEL69_2" class="AWMST4" title="" onmouseover="this.pi.onmouseover();return true" onmouseout="this.pi.onmouseout();" 
onclick="void(0);" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr class="awmTR"><td class="AWMSTTD4" style="vertical-
align:middle;padding:1px 15px 1px 15px;padding-left:15px;font:14px Tahoma !important; color:#603920;white-space:nowrap;">Algemeen</td>
</tr></tbody></table><table class="AWMSTBG3" style="display: table; border-collapse: separate; padding: 0px; margin: 0px; left: 616px; top: 
0px; width: 93px; height: 23px; visibility: inherit;" id="AWMEL69_0a" border="0" cellpadding="0" cellspacing="0"><tbody><tr class="awmTR"><td 
style="font-size:0px !important;background-color:transparent;padding:0px;border:none"><img style="margin:0px;width:1px;height:1px;border-
style:none" src="http://www.lucyonline.nl/awmdata/dot.gif"></td></tr></tbody></table><table class="AWMSTBG4" style="visibility:hidden;
display:table;border-collapse:separate;padding:0px;margin:0px;left:616px;top:0px;width:93px;height:23px;" id="AWMEL69_1a" border="0" 
cellpadding="0" cellspacing="0"><tbody><tr class="awmTR"><td style="font-size:0px !important;background-
color:transparent;padding:0px;border:none"><img style="margin:0px;width:1px;height:1px;border-style:none" src="http://www.lucyonline.nl
/awmdata/dot.gif"></td></tr></tbody></table><table class="AWMSTBG4" style="visibility:hidden;display:table;border-collapse:separate;
padding:0px;margin:0px;left:616px;top:0px;width:93px;height:23px;" id="AWMEL69_2a" border="0" cellpadding="0" cellspacing="0"><tbody><tr 
class="awmTR"><td style="font-size:0px !important;background-color:transparent;padding:0px;border:none"><img style="margin:0px;width:1px;
height:1px;border-style:none" src="http://www.lucyonline.nl/awmdata/dot.gif"></td></tr></tbody></table><img tabindex="-1" id="AWMEL69_4" 
title="" style="outline: medium none; border: medium none; position: absolute; margin: 0px; cursor: default; z-index: 1002; left: 616px; top: 0px; 
width: 93px; height: 23px; visibility: inherit;" src="http://www.lucyonline.nl/awmdata/dot.gif" onmouseover="this.pi.onmouseover();return true" 
onmouseout="this.pi.onmouseout();" onmousedown="this.pi.onmousedown();" onclick="void(0);" alt=""><table style="display: table; border-
collapse: separate; padding: 0px; margin: 0px; left: 712px; top: 0px; width: 79px; height: 23px; visibility: inherit;" id="AWMEL75_0" 
class="AWMST1" title="" onmouseover="this.pi.onmouseover();return true" onmouseout="this.pi.onmouseout();" onclick="void(0);" border="0" 
cellpadding="0" cellspacing="0" width="100%"><tbody><tr class="awmTR"><td class="AWMSTTD1" style="vertical-align:middle;padding:1px 15px 
1px 15px;padding-left:15px;font:14px Tahoma !important; color:#603920;white-space:nowrap;">Zoeken</td></tr></tbody></table><table 
style="visibility:hidden;display:table;border-collapse:separate;padding:0px;margin:0px;left:712px;top:0px;width:79px;height:23px;" 
id="AWMEL75_1" class="AWMST2" title="" onmouseover="this.pi.onmouseover();return true" onmouseout="this.pi.onmouseout();" onclick="void(0);" 
border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr class="awmTR"><td class="AWMSTTD2" style="vertical-align:middle;
padding:1px 15px 1px 15px;padding-left:15px;font:14px Tahoma !important; color:#603920;white-space:nowrap;">Zoeken</td></tr></tbody>
</table><table style="visibility:hidden;display:table;border-collapse:separate;padding:0px;margin:0px;left:712px;top:0px;width:79px;
height:23px;" id="AWMEL75_2" class="AWMST2" title="" onmouseover="this.pi.onmouseover();return true" onmouseout="this.pi.onmouseout();" 
onclick="void(0);" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr class="awmTR"><td class="AWMSTTD2" style="vertical-
align:middle;padding:1px 15px 1px 15px;padding-left:15px;font:14px Tahoma !important; color:#603920;white-space:nowrap;">Zoeken</td>
</tr></tbody></table><table class="AWMSTBG1" style="display: table; border-collapse: separate; padding: 0px; margin: 0px; left: 712px; top: 
0px; width: 79px; height: 23px; visibility: inherit;" id="AWMEL75_0a" border="0" cellpadding="0" cellspacing="0"><tbody><tr class="awmTR"><td 
style="font-size:0px !important;background-color:transparent;padding:0px;border:none"><img style="margin:0px;width:1px;height:1px;border-
style:none" src="http://www.lucyonline.nl/awmdata/dot.gif"></td></tr></tbody></table><table class="AWMSTBG2" style="visibility:hidden;
display:table;border-collapse:separate;padding:0px;margin:0px;left:712px;top:0px;width:79px;height:23px;" id="AWMEL75_1a" border="0" 
cellpadding="0" cellspacing="0"><tbody><tr class="awmTR"><td style="font-size:0px !important;background-
color:transparent;padding:0px;border:none"><img style="margin:0px;width:1px;height:1px;border-style:none" src="http://www.lucyonline.nl
/awmdata/dot.gif"></td></tr></tbody></table><table class="AWMSTBG2" style="visibility:hidden;display:table;border-collapse:separate;
padding:0px;margin:0px;left:712px;top:0px;width:79px;height:23px;" id="AWMEL75_2a" border="0" cellpadding="0" cellspacing="0"><tbody><tr 
class="awmTR"><td style="font-size:0px !important;background-color:transparent;padding:0px;border:none"><img style="margin:0px;width:1px;
height:1px;border-style:none" src="http://www.lucyonline.nl/awmdata/dot.gif"></td></tr></tbody></table><img tabindex="-1" id="AWMEL75_4" 
title="" style="outline: medium none; border: medium none; position: absolute; margin: 0px; cursor: pointer; z-index: 1002; left: 712px; top: 0px; 
width: 79px; height: 23px; visibility: inherit;" src="http://www.lucyonline.nl/awmdata/dot.gif" onmouseover="this.pi.onmouseover();return true" 
onmouseout="this.pi.onmouseout();" onmousedown="this.pi.onmousedown();" onclick="void(0);" alt=""><span style="font-size:0px 
!important">&nbsp;</span></div></div><div id="AWMEL0_Z" style="visibility:hidden;line-height:normal;position:absolute;width:0px;height:0px;
border:1px solid #808080;font-size:0px !important;margin:0px;padding:0px"><span style="font-size:0px !important;margin:0px;padding:0px">
</span></div><div id="AWMEL3" class="AWMSTCBG5 noprint" style="padding: 0px; top: -3000px; opacity: 1; width: 123px; height: 46px; 
z-index: 1000; left: 295.5px; visibility: hidden;" onmouseover="this.prc.onmouseover();" onmouseout="this.prc.onmouseout();" 
onclick="void(0);"><div onscroll="scW=gScW();" id="AWMEL3_A" style="visibility: inherit; position: relative; padding: 0px; margin: 0px; border: 
medium none; width: 123px; height: 46px; overflow: visible;"><table style="display: table; border-collapse: separate; padding: 0px; margin: 0px; 
left: 0px; top: 0px; width: 123px; height: 23px; visibility: inherit;" id="AWMEL4_0" class="AWMST6" title="" onmouseover="this.pi.onmouseover();
return true" onmouseout="this.pi.onmouseout();" onclick="void(0);" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr 
class="awmTR"><td class="AWMSTTD6" style="vertical-align:middle;padding:1px 15px 1px 15px;padding-left:15px;font:14px Tahoma !important; 
color:#603920;white-space:nowrap;">Nieuw op site</td></tr></tbody></table><table style="visibility: hidden; display: table; border-collapse: 
separate; padding: 0px; margin: 0px; left: 0px; top: 0px; width: 123px; height: 23px;" id="AWMEL4_1" class="AWMST7" title="" 
onmouseover="this.pi.onmouseover();return true" onmouseout="this.pi.onmouseout();" onclick="void(0);" border="0" cellpadding="0" 
cellspacing="0" width="100%"><tbody><tr class="awmTR"><td class="AWMSTTD7" style="vertical-align:middle;padding:1px 15px 1px 
15px;padding-left:15px;font:14px Tahoma !important; color:#603920;white-space:nowrap;">Nieuw op site</td></tr></tbody></table><table 
style="visibility:hidden;display:table;border-collapse:separate;padding:0px;margin:0px;left:0px;top:0px;width:123px;height:23px;" id="AWMEL4_2" 
class="AWMST7" title="" onmouseover="this.pi.onmouseover();return true" onmouseout="this.pi.onmouseout();" onclick="void(0);" border="0" 
cellpadding="0" cellspacing="0" width="100%"><tbody><tr class="awmTR"><td class="AWMSTTD7" style="vertical-align:middle;padding:1px 15px 
1px 15px;padding-left:15px;font:14px Tahoma !important; color:#603920;white-space:nowrap;">Nieuw op site</td></tr></tbody></table><table 
class="AWMSTBG6" style="display: table; border-collapse: separate; padding: 0px; margin: 0px; left: 0px; top: 0px; width: 123px; height: 23px; 
visibility: inherit;" id="AWMEL4_0a" border="0" cellpadding="0" cellspacing="0"><tbody><tr class="awmTR"><td style="font-size:0px 
!important;background-color:transparent;padding:0px;border:none"><img style="margin:0px;width:1px;height:1px;border-style:none" 
src="http://www.lucyonline.nl/awmdata/dot.gif"></td></tr></tbody></table><table class="AWMSTBG7" style="visibility: hidden; display: table; 
border-collapse: separate; padding: 0px; margin: 0px; left: 0px; top: 0px; width: 123px; height: 23px;" id="AWMEL4_1a" border="0" 
cellpadding="0" cellspacing="0"><tbody><tr class="awmTR"><td style="font-size:0px !important;background-
color:transparent;padding:0px;border:none"><img style="margin:0px;width:1px;height:1px;border-style:none" src="http://www.lucyonline.nl
/awmdata/dot.gif"></td></tr></tbody></table><table class="AWMSTBG7" style="visibility:hidden;display:table;border-collapse:separate;
padding:0px;margin:0px;left:0px;top:0px;width:123px;height:23px;" id="AWMEL4_2a" border="0" cellpadding="0" cellspacing="0"><tbody><tr 
class="awmTR"><td style="font-size:0px !important;background-color:transparent;padding:0px;border:none"><img style="margin:0px;width:1px;
height:1px;border-style:none" src="http://www.lucyonline.nl/awmdata/dot.gif"></td></tr></tbody></table><img tabindex="-1" id="AWMEL4_4" 
title="" style="outline: medium none; border: medium none; position: absolute; margin: 0px; cursor: pointer; z-index: 1002; left: 0px; top: 0px; 
width: 123px; height: 23px; visibility: inherit;" src="http://www.lucyonline.nl/awmdata/dot.gif" onmouseover="this.pi.onmouseover();return true" 
onmouseout="this.pi.onmouseout();" onmousedown="this.pi.onmousedown();" onclick="void(0);" alt=""><table style="display: table; border-
collapse: separate; padding: 0px; margin: 0px; left: 0px; top: 23px; width: 123px; height: 23px; visibility: inherit;" id="AWMEL5_0" 
class="AWMST6" title="" onmouseover="this.pi.onmouseover();return true" onmouseout="this.pi.onmouseout();" onclick="void(0);" border="0" 
cellpadding="0" cellspacing="0" width="100%"><tbody><tr class="awmTR"><td class="AWMSTTD6" style="vertical-align:middle;padding:1px 15px 
1px 15px;padding-left:15px;font:14px Tahoma !important; color:#603920;white-space:nowrap;">Evolutienieuws</td></tr></tbody></table>
<table style="visibility:hidden;display:table;border-collapse:separate;padding:0px;margin:0px;left:0px;top:23px;width:123px;height:23px;" 
id="AWMEL5_1" class="AWMST7" title="" onmouseover="this.pi.onmouseover();return true" onmouseout="this.pi.onmouseout();" onclick="void(0);" 
border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr class="awmTR"><td class="AWMSTTD7" style="vertical-align:middle;
padding:1px 15px 1px 15px;padding-left:15px;font:14px Tahoma !important; color:#603920;white-space:nowrap;">Evolutienieuws</td>
</tr></tbody></table><table style="visibility:hidden;display:table;border-collapse:separate;padding:0px;margin:0px;left:0px;top:23px;
width:123px;height:23px;" id="AWMEL5_2" class="AWMST7" title="" onmouseover="this.pi.onmouseover();return true" 
onmouseout="this.pi.onmouseout();" onclick="void(0);" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr class="awmTR"><td 
class="AWMSTTD7" style="vertical-align:middle;padding:1px 15px 1px 15px;padding-left:15px;font:14px Tahoma !important; color:#603920;white-
space:nowrap;">Evolutienieuws</td></tr></tbody></table><table class="AWMSTBG6" style="display: table; border-collapse: separate; padding: 
0px; margin: 0px; left: 0px; top: 23px; width: 123px; height: 23px; visibility: inherit;" id="AWMEL5_0a" border="0" cellpadding="0" cellspacing="0">
<tbody><tr class="awmTR"><td style="font-size:0px !important;background-color:transparent;padding:0px;border:none"><img style="margin:0px;
width:1px;height:1px;border-style:none" src="http://www.lucyonline.nl/awmdata/dot.gif"></td></tr></tbody></table><table class="AWMSTBG7" 
style="visibility:hidden;display:table;border-collapse:separate;padding:0px;margin:0px;left:0px;top:23px;width:123px;height:23px;" 
id="AWMEL5_1a" border="0" cellpadding="0" cellspacing="0"><tbody><tr class="awmTR"><td style="font-size:0px !important;background-
color:transparent;padding:0px;border:none"><img style="margin:0px;width:1px;height:1px;border-style:none" src="http://www.lucyonline.nl
/awmdata/dot.gif"></td></tr></tbody></table><table class="AWMSTBG7" style="visibility:hidden;display:table;border-collapse:separate;
padding:0px;margin:0px;left:0px;top:23px;width:123px;height:23px;" id="AWMEL5_2a" border="0" cellpadding="0" cellspacing="0"><tbody><tr 
class="awmTR"><td style="font-size:0px !important;background-color:transparent;padding:0px;border:none"><img style="margin:0px;width:1px;
height:1px;border-style:none" src="http://www.lucyonline.nl/awmdata/dot.gif"></td></tr></tbody></table><img tabindex="-1" id="AWMEL5_4" 
title="" style="outline: medium none; border: medium none; position: absolute; margin: 0px; cursor: pointer; z-index: 1002; left: 0px; top: 23px; 
width: 123px; height: 23px; visibility: inherit;" src="http://www.lucyonline.nl/awmdata/dot.gif" onmouseover="this.pi.onmouseover();return true" 
onmouseout="this.pi.onmouseout();" onmousedown="this.pi.onmousedown();" onclick="void(0);" alt=""><span style="font-size:0px 
!important">&nbsp;</span></div></div><div id="AWMEL3_Z" style="visibility:hidden;line-height:normal;position:absolute;width:0px;height:0px;
border:1px solid #808080;font-size:0px !important;margin:0px;padding:0px"><span style="font-size:0px !important;margin:0px;padding:0px">
</span></div><div id="AWMEL7" class="AWMSTCBG5 noprint" style="padding:0px 0px 0px 0px;top:-3000px;opacity:1;width:0px;" 
onmouseover="this.prc.onmouseover();" onmouseout="this.prc.onmouseout();" onclick="void(0);"></div><div id="AWMEL7_Z" 
style="visibility:hidden;line-height:normal;position:absolute;width:0px;height:0px;border:1px solid #808080;font-size:0px 
!important;margin:0px;padding:0px"><span style="font-size:0px !important;margin:0px;padding:0px"></span></div><div id="AWMEL15" 
class="AWMSTCBG5 noprint" style="padding:0px 0px 0px 0px;top:-3000px;opacity:1;width:0px;" onmouseover="this.prc.onmouseover();" 
onmouseout="this.prc.onmouseout();" onclick="void(0);"></div><div id="AWMEL15_Z" style="visibility:hidden;line-height:normal;position:absolute;
width:0px;height:0px;border:1px solid #808080;font-size:0px !important;margin:0px;padding:0px"><span style="font-size:0px 
!important;margin:0px;padding:0px"></span></div><div id="AWMEL29" class="AWMSTCBG5 noprint" style="padding:0px 0px 0px 
0px;top:-3000px;opacity:1;width:0px;" onmouseover="this.prc.onmouseover();" onmouseout="this.prc.onmouseout();" onclick="void(0);">
</div><div id="AWMEL29_Z" style="visibility:hidden;line-height:normal;position:absolute;width:0px;height:0px;border:1px solid #808080;font-
size:0px !important;margin:0px;padding:0px"><span style="font-size:0px !important;margin:0px;padding:0px"></span></div><div id="AWMEL36" 
class="AWMSTCBG5 noprint" style="padding:0px 0px 0px 0px;top:-3000px;opacity:1;width:0px;" onmouseover="this.prc.onmouseover();" 
onmouseout="this.prc.onmouseout();" onclick="void(0);"></div><div id="AWMEL36_Z" style="visibility:hidden;line-height:normal;position:absolute;
width:0px;height:0px;border:1px solid #808080;font-size:0px !important;margin:0px;padding:0px"><span style="font-size:0px 
!important;margin:0px;padding:0px"></span></div><div id="AWMEL53" class="AWMSTCBG5 noprint" style="padding:0px 0px 0px 
0px;top:-3000px;opacity:1;width:0px;" onmouseover="this.prc.onmouseover();" onmouseout="this.prc.onmouseout();" onclick="void(0);">
</div><div id="AWMEL53_Z" style="visibility:hidden;line-height:normal;position:absolute;width:0px;height:0px;border:1px solid #808080;font-
size:0px !important;margin:0px;padding:0px"><span style="font-size:0px !important;margin:0px;padding:0px"></span></div><div id="AWMEL63" 
class="AWMSTCBG5 noprint" style="padding:0px 0px 0px 0px;top:-3000px;opacity:1;width:0px;" onmouseover="this.prc.onmouseover();" 
onmouseout="this.prc.onmouseout();" onclick="void(0);"></div><div id="AWMEL63_Z" style="visibility:hidden;line-height:normal;position:absolute;
width:0px;height:0px;border:1px solid #808080;font-size:0px !important;margin:0px;padding:0px"><span style="font-size:0px 
!important;margin:0px;padding:0px"></span></div><div id="AWMEL70" class="AWMSTCBG5 noprint" style="padding:0px 0px 0px 
0px;top:-3000px;opacity:1;width:0px;" onmouseover="this.prc.onmouseover();" onmouseout="this.prc.onmouseout();" onclick="void(0);">
</div><div id="AWMEL70_Z" style="visibility:hidden;line-height:normal;position:absolute;width:0px;height:0px;border:1px solid #808080;font-
size:0px !important;margin:0px;padding:0px"><span style="font-size:0px !important;margin:0px;padding:0px"></span></div><a href="#" 
id="start-lucy" style="position:absolute;left:-3000px" onfocus="awmTaB();"></a><a href="#" id="end-lucy" style="position:absolute;left:-3000px">
</a>
<!-- ******** END ALLWEBMENUS CODE FOR lucy ******** -->
... krijg ik wel een beetje de bibberatie. Maar het werkt wel (tenminste als javascript aan staat, anders zie je helemaal geen menu) *). En het blijft in elk geval in de sfeer: prehistorisch! :d

*) Waarschijnlijk zorgt dit er ook voor dat een aantal pagina's niet door Google geïndexeerd worden, want de Google-bot kent ook geen javascript en moet het hebben van letterlijke links in de html-code.
Dit is alles wat de Google-bot aan links op de homepage ziet: aan interne links alleen de rss-feed. Gelukkig zitten er in de rss-feed weer links naar andere pagina's (cq. de links daarop, enz.), zodat Google niet helemaal droog staat. Maar ik denk niet dat alles geraakt wordt.
> Je zou kunnen overwegen een sitemap-pagina te maken (gelinkt van de homepage; of in de footer), waar links naar alle pagina's op staan.
 
Laatst bewerkt:
Duidelijk, de uitleg over absolute en relatieve url’s

Jij bent echt een tovenaar. Hoe kun je nou mijn hele site, inclusief CSS en JScript ‘zomaar’ overnemen. Geen idee hoe je dat doet. Hoe kun je nou in mijn css kijken?

Als ik de <div class="mijntekstDiv"> meteen na de body zet, dan gaat het niet goed. De banner zweeft er dan als het ware boven. Ben ik wel vaker mee bezig geweest.

Ja, de warnings… niet dat ik het nu allemaal zo goed snap, maar in het begin heb ik maar wat aangeklooit, waardoor er veel fouten in zijn geslopen. Later wel eens bezig geweest met repareren, maar dat is (voor mij) onbegonnen werk.
Misschien begrijp ik het niet, maar ik heb de brongegevens van jouw alternatieve site (de index.htm, waarin je de fouten hebt weggewerkt, gekopieerd in mijn pagina, maar ik zie nog steeds dezelfde fouten?? :o

Je krijgt de bibberatie van het menu. Als ik al die codes zie, dan verbaast het mij ook dat het steeds goed gaat. Voorheen werkte ik met Menumaker van het bedrijf Xara. Maar omdat dat al jaren niet meer werd ondersteund, werkte het niet meer lekker in windows 7 en 8.
Sinds een paar jaar dus het huidige menu van www.likno.com.
Ik moet zeggen dat ik het geweldig vind. Als je het een beetje door hebt, kun je er heel eenvoudig prachtige menu’s mee maken, met zeer veel door jezelf te bewerken opmaak-kenmerken. En al breng je 100 wijzigingen aan; even de lucy.js naar de server en alles werkt perfect. Nog nooit mis gegaan.

Het wordt een beetje eentonig, maar wederom bedankt voor de moeite :D

Gr, George
 
Hoi George,
Ik heb de brongegevens van jouw alternatieve site (de index.htm, waarin je de fouten hebt weggewerkt), gekopieerd in mijn pagina, maar ik zie nog steeds dezelfde fouten??
Ja, die zie ik ook. - Maar het is ook nog steeds de oude index.html die bij jou op de server staat, dus ik denk dat er op een of andere manier iets is misgegaan bij het saven van de nieuwe versie of bij het uploaden.

=======
Als ik de <div class="mijntekstDiv"> meteen na de body zet, dan gaat het niet goed. De banner zweeft er dan als het ware boven. Ben ik wel vaker mee bezig geweest.
Klopt, mijn fout. :rolleyes: Ik vergat te zeggen dat ook de regels:
HTML:
<div align="center"><img src="plaatjes/banners/evolutiebanner/evolutiebanner.jpg" alt="Evolutiebanner" width="815" height="160" class="rand"/></div>	
<br>
uit de <head> moeten, en ook in de <body> moeten komen, onder die <div class="mijntekstDiv">. Dan wordt het dus:
HTML:
...
</head>

<body>
<div class="mijntekstDiv">
   <div align="center">
	<img src="plaatjes/banners/evolutiebanner/evolutiebanner.jpg" alt="Evolutiebanner" width="815" height="160" class="rand" />
   </div>	
   <br />

<!-- DO NOT MOVE! The following AllWebMenus linking code section must always be placed right AFTER the BODY tag-->
... enz.
  • NB: Dat die "following AllWebMenus linking code section" altijd meteen na de <body>-tag moet komen, is gewoon flauwekul! Bij lucy moet eerst de banner bovenin, en daarna pas het menu.
  • Op m'n voorbeeld-pagina's zie je dat het goed gaat.
=======
Hoe kun je nou mijn hele site, inclusief CSS en JScript ‘zomaar’ overnemen. Geen idee hoe je dat doet. Hoe kun je nou in mijn css kijken?
Ik heb af en te vlagen van helderziendheid. :p

- Nee, het is heel eenvoudig, en eigenlijk ook wel begrijpelijk:
  • Zodra ik de pagina zie, moeten alle ingrediënten bij mij voor de browser beschikbaar zijn, dus mijn browser heeft alle ingrediënten eerst gedownload om ze te kunnen gebruiken. D.w.z. alles zit in de map "Tijdelijke internet bestanden" (tot ik die map schoonmaak). Zo heet ie bij Internet Explorer, bij andere browsers is er een andere tijdelijke opslagplaats. Hier zit echt alles in: de paginacode, de css-bestanden, de javascripts, de images, het favicon, enz. enz. *) - Maar daar kijk ik nooit in.
  • Want: ik kan in de browser de broncode van de pagina bekijken. En in de broncode van de pagina staan alle links naar de bijbehorende bestanden: de css-bestanden, de javascripts, enz. Dat moet ook wel, anders kan mijn browser ze niet vinden om in de pagina op te nemen.
  • Zo lees ik uit de broncode dat het css-bestand heet: styleLucy.css, en dat het in een mapje css zit. Als ik dan de link http://www.lucyonline.nl/css/styleLucy.css in de adresbalk van de browser zet, dan komt de inhoud van het stylesheet meteen tevoorschijn. **)
  • Maar als die link vanuit m'n browser werkt, werkt die link ook als ik 'm op een pagina van mij zet. Want dan gaat de browser via dezelfde link naar jouw server, en haalt het css-bestand op. In feite doe ik dan aan "dieplinken": stiekem aftappen van jouw stylesheet in mijn pagina. Met de images e.d. kan ik hetzelfde doen.
  • Nu zou dit betekenen dat ik bij de "overname" van een pagina alle links uit je broncode moet vervangen door links met absolute paden naar jouw server. Anders gaat de pagina op mijn server op zoek naar de map css en het bestand styleLucy.css enz. (en daar staat niks).
  • Maar hier is een middeltje voor. Als ik <base href="http://www.lucyonline.nl/" /> opneem in de <head> van mijn pagina, wordt de inhoud van die base als voorafje geplaatst bij alle relatieve links op de pagina. Zo kom ik er makkelijk van af: alle toebehoren worden vanzelf weggehaald van jouw server. :)
Een andere manier voor snel bekijken en diagnosticeren is het gebruik van de Firefox add-on Firebug (ook gratis, en ook aanrader!).
  • Als je dan op een pagina met de muis op een element gaat staan en rechtsklikt, kan je in het contextmenu klikken op "Element inspecteren met Firebug". Klik! > en dan komt onderaan je scherm een venster met aan de linkerkant de complete html-code van het element, en aan de rechterkant alle css die op dat element van toepassing is.
  • Extra handig: je kan de html en/of css ook online aanpassen, om snel te zien of iets werkt. :)
Zo is 't gekomen!

PS: Als ik het me goed herinner was het rijtje dat ik op school moest leren: "Cambrium / Siluur / Devoon / Carboon / Perm". Het "Ordovicium" kwam daarin niet voor. En van "Ediacaraan" had toen nog niemand gehoord. - Weer wat geleerd!

Met vriendelijke groet,
CSShunter
_______
*) Er is wel een uitzondering. Als je met "server side script" werkt, dan kan ik de server side code niet zien, ik zie alleen het resultaat ervan. Dit is bv. het geval met php: in de pagina die er geüpload wordt, zit php-code > de server gaat eerst de php-code toepassen > die wordt samen met de rest van de pagina teruggestuurd naar de bezoeker > de bezoeker kan de oorspronkelijke php-code niet zien.
Een voorbeeld zit hierin: PHP-includes in een notendop (erg handig om dezelfde pagina-elementen niet steeds op elke pagina opnieuw te hoeven inplakken; met 1 regeltje php-code kan meteen een hele brok html-code tegelijk in de pagina's geplaatst worden).

**) In de praktijk is het nog makkelijker. Ik gebruik de Webdeveloper Toolbar voor Firefox (gratis, en aanrader!), en met één klik op de knop CSS > View CSS zie ik in een nieuw tabblad alle css die op de pagina gebruikt wordt: zowel de styles in de <head> als die in 1 of meer stylesheets.
 
Hallo,

Ja, het werkt nu wel. Had ook niet anders verwacht :thumb: 
Klein storend dingetje is wel dat dreamweaver (in jouw volgorde, zal ik maar zeggen) het stukje code <div class="mijntekstDiv"> geel markeert, met de foutcode “Gemarkeerd als ongeldig omdat het een overlappende en niet afgesloten tag is”. Kun jij hier nog wat mee? Laatste vraag voorlopig hoor :o

Ander puntje is dat (schat ik) ik zo’n 250 pagina’s heb waarin ik dit moet veranderen. Omdat het niet verstorend werkt (denk ik) ga ik dat maar in ‘plukjes’ of zo doen….

En bedankt voor je (alweer) uitgebreide verhaal over het kunnen inzien en werken met bijvoorbeeld een css-bestand. Heb het als bestand opgeslagen! Mooi dat ik het nu weet.
Die php-info is voor mij iets te hoog gegrepen :o, dat laat ik maar even zitten als je het goed vindt.

Groet
George
 
foutcode “Gemarkeerd als ongeldig omdat het een overlappende en niet afgesloten tag is”
Ja, dat kan kloppen. Helemaal op het eind, vlak voor de </body></html>, hoort nog de bijbehorende </div> te komen om de <div class="mijntekstDiv"> weer af te sluiten. Daarmee zit de hele pagina-inhoud opgesloten in het kadertje van de "mijntekstDiv".
Zie ook de broncode van het voorbeeld.

Controle
Als je alles in de html-weergave van Dreamweaver netjes zou laten inspringen en terugspringen, moet alles op het eind oningesprongen eindigen:
HTML:
<body>
    <div class="mijntekstDiv">
        <div align="center">
            <img src="plaatjes/banners/evolutiebanner/evolutiebanner.jpg" alt="Evolutiebanner" width="815" height="160" class="rand" />
        </div>

        <br />

        <!-- DO NOT MOVE! The following AllWebMenus linking code section must always be placed right AFTER the BODY tag-->
        <!-- ******** BEGIN ALLWEBMENUS CODE FOR lucy ******** -->
        <script type="text/javascript">var MenuLinkedBy="AllWebMenus [4]",awmMenuName="lucy",awmBN="908";</script>
        <script charset="UTF-8" src="lucy.js" type="text/javascript"></script>
        <script type="text/javascript">awmBuildMenu();</script>
        <!-- ******** END ALLWEBMENUS CODE FOR lucy ******** -->

        <br />
        <br />

        <div align="center">
            <img src="plaatjes/lucy-doezel.jpg" width="350" height="310" class="rand" border="0" alt="" />
            <h5>Bron foto: site www.becominghuman.org</h5>
        </div>

        <div align="center">
            <div align="center" id="kader-met-schaduw" style="margin-bottom: 20px">
                <br />
                Een boeiend verhaal over de pré-historie, met bijzondere aandacht <br />
                voor Lucy, een klein dametje, die leefde in een zeer ver verleden.
            </div>
        </div>

        <div align="left">
            Bovenin ziet u een aantal knoppen die toegang geven tot informatie over de betreffende gebieden. De knop <strong>Lucy</strong> is 
            het belangrijkste onderdeel. Hierachter staan de onderdelen die informatie geven over Lucy, maar ook over diverse  gebieden binnen de 
            pré-historie. Hoewel er vanaf 'Inleiding' een zeker verband is, zijn de diverse gebieden ook afzonderlijk te bekijken.<br />
            Achter de knop Voorouders treft u een aantal (zeer bekende) verre voorouders van de moderne mens aan.
        </div>

        <br />

        <div align="left">
            <strong>Hierna nog enkele interessante sites over aanverwante onderwerpen</strong>
            <br />
            <ul>
                <li><a href="http://www.mnh.si.edu/anthro/humanorigins/ha/ances_start.html">Site van het Smithsonian museum over menselijke evolutie</a></li>
                <li><a href="http://www.pbs.org/wgbh/evolution/"> Prachtige, zeer uitgebreide site over evolutie</a></li>
                <li><a href="http://www.becominghuman.org/"> Zeer fraaie, volledig in Flash gebouwde site, over het ontstaan van de mens</a></li>
            </ul>
        </div>

        <br />

        <div align="center">
            U kunt mij via de e-mail knop een mailtje sturen. U kunt natuurlijk ook het Gastenboek invullen.
            <p>
                <a href="mailto:gvdven@xs4all.nl?subject=Reactie op website Lucy"><br />
                    <img src="plaatjes/e-mail.gif" alt="e-mail" border="0" />
                </a>
            </p>
            <p>
                <font size="-1">
                    Gemaakt: 28 december 1995. <br />
                    Laatste wijziging: 18 april 2013.
                </font>
            </p>

            <!-- Begin Statinfo code -->
            <p>
                <script type="text/javascript" src="http://stat.statinfo.net/stat.js.php?user=1230&site=b1563a78ec59337587f6ab6397699afc&width=18&height=18"></script>
            </p>
            <noscript>
                <p>
                    <a href="http://stat.statinfo.net/view.php?user=1230&site=b1563a78ec59337587f6ab6397699afc" target="_blank">
                        <img src="http://stat.statinfo.net/stat.php?user=1230&site=b1563a78ec59337587f6ab6397699afc" width="18" height="18" border="0" alt="" />
                    </a>
                </p>
            </noscript>
            <!-- Einde Statinfo code -->

        </div><!-- einde van: div align="center" -->
    </div><!-- einde van: div class="mijntekstDiv" -->
</body>
</html>
=======
Ander puntje is dat (schat ik) ik zo’n 250 pagina’s heb waarin ik dit moet veranderen.
Ja, dat is ook zo wat! :eek:
Maar er gloort hoop aan de horizon: met wat aangepast javascript en het Dreamweaver-template valt het te automatiseren! :)

Wat moet er namelijk gebeuren?
  1. Op pagina's waarin naar popup's wordt verwezen, moet de #special toegevoegd worden aan de onclick van de link.
    Dat kan door met javascript alle links van een pagina af te lopen, en bij zo'n popup-verwijzing dat er automatisch te laten bijplaatsen. De andere links blijven dan onaangetast.
  2. Blijft over; de verwijzende pagina's waar intussen de #special al bij is gezet. In het script kan daarmee rekening gehouden worden: 1 keer is genoeg.
  3. Op pagina's die de popup-pagina's zelf zijn, moet de "knoppen-ruil" plaatsvinden voor als gepopupt dan wel als zelfstandige pagina geopend.
    Dat kan met het scriptje uit voorgaande posts, maar ik zie dat de popup-pagina's allemaal een <table> hebben waar de knoppen in zitten. Met een wat aangepast javascript kan je de inhoud van die <table> (= de knoppen daarin) naar je hand zetten, al naar gelang of er #special of niet in de URL zit.
  4. Blijft over: de popup-pagina's die intussen al bewerkt zijn, waar de <table> vervangen is door de <div id="nav">. Daar staat het oude javascriptje al in, dus daar hoeft niets mee te gebeuren.
Het aardige is nu, dat deze javascripts elkaar niet bijten, en dat al deze scriptjes op elke pagina (verwijzend of niet, popup of niet) geplaatst kunnen worden. Zit iets niet op een pagina, dan doen de scripts ook niets!
En dat betekent:

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  • Alles kan in één gezamenlijk javascript gezet worden. Dat is dit: lucy-adaptpopups.js
    (klik links voor de inhoud, klik rechts voor download > naar je mapje: lucyonline.nl/javascript/)

  • In de head van alle pagina's komt er bij te staan:
    HTML:
    <script type="text/javascript" src="http://www.lucyonline.nl/javascript/lucy-adaptpopups.js"></script>
  • Dat laatste kan eenvoudig door het op te nemen in je Dreamweaver-sjabloon!
Zo kan je rustig achterover leunen!
Nu hoeft alleen Dreamweaver een nachtje staan te stampen om alle pagina's van de site, inclusief die nieuwe script-verwijzing, te uploaden naar je server. :)

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

Proef op de som
  • Testpagina: lucy-evolutie-nieuws-2.html.
    Dit is een al gewijzigde verwijzende pagina, met een al gewijzigde popup-pagina. Bij alle twee is het nieuwe script bijgeplaatst in de <head>. Het gaat goed!
  • Testpagina: lucy-vissen.htm.
    Dit is een niet gewijzigde verwijzende pagina, waar het nieuwe script is bijgeplaatst. De pagina verwijst naar de wel-gewijzigde popup-pagina "Tiktaalik", waar het nieuwe script is bijgeplaatst, en naar de niet-gewijzigde popup-pagina "Coelacanth", waar ook het nieuwe script is bijgeplaatst. Het gaat goed!
  • Testpagina: lucy-sapiens.htm. Ook een niet gewijzigde verwijzende pagina, waar het nieuwe script is bijgeplaatst. De pagina verwijst naar de niet-gewijzigde popup-pagina "Homo Sapiens miljoen jaar oud?", waar ook het nieuwe script is bijgeplaatst. De pagina verwijst ook naar de gewone, niet-popuppende pagina "Homo Sapiens idaltu" (met menu bovenin). Het gaat goed!
Nu heb ik niet alle x-honderd pagina's van de site geröntgend, dus het zou kunnen zijn dat er ergens iets dwars ligt (net iets andere html, of een interfererend ander javascript). Maar als het goed is, zouden dat uitzonderingen moeten zijn. *)

Ik ben benieuwd, want zelf ook liever lui dan moe! ;)

Met vriendelijke groet,
CSShunter
_________
*) Mochten er op deze manier toch grote delen van de site in het water blijken te vallen, dan is met nog een nachtje stampen van Dreamweaver het scriptregeltje er weer uit te halen, en is alles bij het oude.

[edit]zie volgende bericht![/edit]
 
Laatst bewerkt:
Hoepla!
Had ik even buiten de waard gerekend door niet meteen in Internet Explorer te testen! ... :confused:

IE7 in elk geval kan niet overweg met een on-the-fly wijziging van een onclick, dan werkt setAttribute() niet; had ik kunnen weten.
Ook bij het opvragen van de value van een onclick , met getAttribute(), gebeuren er rare dingen.
Hoe IE8 en IE9 het doen, weet ik niet.

Verschijnsel:
  • Open in IE(7) de pagina lucy-vissen.htm
  • Klik op "Klik hier voor een uitgebreid verhaal over deze spectaculaire vondst."
  • De opgeroepen popup-pagina "Tiktaalik" verschijnt wel, maar zonder het #special-achtervoegsel, en dus met de knop Home i.p.v. Sluit.
Maar met wat listen, waarbij en passant een verse truc uitgevonden om IE tot de orde te dwingen ;), en het omzeilen van de complicatie dat de popup-pagina's verschillende afmetingen hebben, gaat het wel:

Proef op de som
  • Open in IE(7) de pagina lucy-vissen-vs2.htm
  • Klik op "Klik hier voor een uitgebreid verhaal over deze spectaculaire vondst."
  • De opgeroepen popup-pagina "Tiktaalik" verschijnt, en nu met het #special-achtervoegsel, en dus met de knop Sluit. :)
Terzijde: Soms heeft een popup-pagina er zelf ook weer een popup-pagina in zitten! Bv. de links onderin de "Tiktaalik" pagina. Waarschijnlijk veroorzaakt door de onbarmhartige groei van de site in de loop der jaren. - Misschien t.z.t. eens alle popup-pagina's tot echte pagina's met menu promoveren? Voor de oriëntatie van waar de bezoeker zit, zou dan een kruimelpad kunnen worden toegevoegd, zoals:
Home > Evolutie: Vissen komen aan land > Tiktaalik

Met vriendelijke groet,
CSShunter
 
Ben een beetje ziek. Ik reageer morgen of dinsdag weer. Veel werk aan de winkel geloof ik....
 
Hoi George,
Beterschap!
Veel werk aan de winkel geloof ik....
Nee hoor, juist niet. :)
Er staat hierboven wel veel tekst & uitleg, maar wat er moet gebeuren is weinig: alleen wat tussen de groene +++++++++++'jes staat in reactie nr. #10 hoeft gedaan te worden om de popup's op orde te krijgen.
En in reactie nr. #11 staat alleen dat er een verbeterd javascript is, dat i.p.v. het andere gebruikt moet worden.
Voor de rest moet Dreamweaver het maar zelf opknappen. ;)

Met vriendelijke groet,
CSShunter
 
Hallo,

Ben ik weer….

En ik maar denken dat het voldoende was om deze tag “<a href="../index.html" target="_blank" >Home</a> “ met een kleine aanpassing ‘eventjes’ goed te laten werken. Dat liep even anders..:rolleyes:

Voordat ik jouw bericht ontving over het script, was ik al heel wat uurtjes bezig geweest met ombouwen van de popups; was al ver over de helft. Omdat je gaandeweg handig wordt met kopiëren en plakken heb ik maar besloten om het gewoon handmatig af te maken. Moet er nog even door heen voor de laatste controle, maar het werkt perfect, ook bij de ‘geneste’ popups.

Als ik het allemaal goed begrijp dan had het script mij dit werk uit handen genomen. Overigens een knap staaltje hoor; neem aan dat je dat helemaal zelf bedacht hebt. Maar het script had natuurlijk niet fysiek de aanpassingen gedaan en dat is nu wel het geval. Geeft nu wel meer eenduidigheid denk ik. En geen, zoals jij het noemt, kans op interfererende scripts! Heb er wel vierkante ogen aan over gehouden, maar dat gaat wel weer over…
Wel erg zonde van je inspanning :o, maar feitelijk is, waar het allemaal om begonnen was, nu gedaan! MOOI!
Heb nog even getest met XP en met zelfs met Windows ME (heb VMWare draaien) en wat denk je, zelfs in ME werkt het nog perfect. Dus ook jouw truck met en zonder #special in de url.

De table-chaos van de ‘Home’ knop onderin de ‘hoofdpagina’s’ kan ik nog wel een keer vervangen met:
<div id="nav">
<a href="index.htm" target="_blank" >Home</a>
</div>
Maar misschien haal ik de knop wel helemaal weg. Ik zie wel (staat overigens los van het popup-gedoe)

Blijft over het verplaatsen van de ‘mijntekstDiv’ plus plaatsen extra sluitdiv onderin. Ik ben eerlijk gezegd aan het twijfelen of ik dit wel ga doen. Al vele jaren, zo’n beetje vanaf 2000 werkt het zonder problemen. Komt natuurlijk ook doordat ik juist in die tijd de popups allemaal gemaakt heb.
En met alle os’en daarna bleef het spul goed werken; dus nu ook onder Windows 8 met IE 10. Ook test ik altijd met diverse browsers. De laatste tijd met Firefox en Chrome..
En… het is natuurlijk maar een amateur website met zo’n 25 bezoekertjes per dag. Ik ga hier nog eens over nadenken als je het niet erg vindt

Je hebt helemaal gelijk met je opmerking over de popups. Bij dat vissenspul (Tiktaalik en zo) heb ik het wel bont gemaakt, bij sommigepopups kun je ‘drie diep’. Ga met name deze geneste popups nog eens kritisch bekijken en proberen ze over te hevelen naar andere pagina’s. De ‘gewone’ popups vind ik toch wel iets hebben. En… zeker met jouw geweldige Sluit/Home knop. Werkt echt mooi!
Bedoeling was en is nog steeds om bezoekers een uitstapje te laten maken vanuit de hoofpagina zonder hiermee het contact te verliezen.

Groet, george
 
Hoi George,
Ja, met hardgecodeerde aanpassingen is het wel zo mooi. Het script was meer een handigheidje om het buitenom te doen zonder veel werk.
"Wel erg zonde van je inspanning"> Geen probleem, was leuk om te maken: en een bewijs dat de DOM-opzet (het Document Object Model) van de html-codering zo krachtig is dat je er met javascript alles mee kunt doen.
=======
Heb nog even getest met XP en met zelfs met Windows ME (heb VMWare draaien) en wat denk je, zelfs in ME werkt het nog perfect.
Dat klopt: de aanpassingen draaien op javascript, en dat is niet afhankelijk van het Operating System; alleen van de browser.
  • Heb nog even gekeken bij de antieke Internet Explorer 6 die intussen niemand meer zal hebben *), en ook die doet het prima volgens plan.
=======
De table-chaos van de ‘Home’ knop onderin de ‘hoofdpagina’s’ ...
Kan je inderdaad helemaal weghalen als je eens tijd hebt, want is overbodig (op de hoofdpagina's gewoon via het menu te pakken te krijgen).
=======
Blijft over het verplaatsen van de ‘mijntekstDiv’ plus plaatsen extra sluitdiv onderin.
Gelukkig corrigeren alle browsers deze verkeerde html-plek allemaal goed, dus er is op dit moment geen harde noodzaak. Zou ook aan de orde kunnen komen als je eens besluit om van alle pagina's helemaal valid html te maken. Maar dat is best een groot karwei. **)

Ik denk dat ik het aanleggen van een "site-map" belangrijker zou vinden: vermoedelijk verhoogt dat de Google-vindbaarheid, en geeft 't wie weet meer dan 25 bezoekers per dag. :)

Met vriendelijke groet,
CSShunter
___________
*) Met ook een Virtual PC, in dit geval onder Win98SE. ;)

**) Het Doctype van xhtml1.0-Transitional naar html4.01-Transitional veranderen scheelt al een slok op een borrel. Bv. "Laatste nieuws" heeft met xhtml zo'n 700 errors, en als html maar 57 errors. Dat komt voornamelijk door het gebruik van hoofdletters in de tags en attribuut-namen: in xhtml moeten dat allemaal kleine letters zijn. - Maar de site draait ook met de hoofdletters: ook dat corrigeren de browsers mooi uit zichzelf.
 
Hallo,

Gelukkig dat je het niet 'zonde' vond van je inspanning...

Nou, alles lijkt prima te werken. Ik heb gisteren nog even, rondom Tiktaalik, wat geschoven met teksten en foto's, waarbij ik zo'n 5 popups opgeruimd heb. Maakt het geheel zeker wat overzichtelijker.

Even wat anders... Ik heb jou een tijdje geleden een privé bericht gestuurd, niet dat je daarop moet antwoorden hoor, je hebt al meer dan genoeg gedaan! Maar ik zie bij mijn account, bij verzonden berichten, geen bericht staan. Ik vraag me dan ook af of dat wel goed gegaan is?

Nogmaals heel veel dank voor alle moeite die je gedaan hebt. Ik heb weer veel bijgeleerd en ben erg blij met het resultaat:thumb:

Vriendelijke groet, George
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan