Achtergrond afbeelding + overvloeien.

[csshunter]

Ah, de blauwe link-teksten in het menu zijn er in gekomen doordat ze in de (image)-links zijn opgenomen:

<ul>
   <li><a href="index.html" id="index">[COLOR="#0000CD"][B]home[/B][/COLOR]</a></li> 
   <li><a href="historie.htm" id="historie">[COLOR="#0000CD"][B]hist[/B][/COLOR]</a></li>
   <li><a href="sponsors.htm" id="sponsors">[COLOR="#0000CD"][B]spon[/B][/COLOR]</a></li>
   ...

Je kunt er op twee manieren van af komen:

1. Gewoon die tekstjes er weer uit halen.
2. Maar beter (voor Google en de toegankelijkheid) is om er telkens een <span> omheen te zetten die (via de css) de teksten verbergt als de site op scherm wordt bekeken.
   Google, pure tekstbrowsers en voorleesbrowsers trekken zich van css en (plaatjes op) het scherm niets aan, en lezen dan geen inhoudsloze links, maar gebruiken dan de teksten.

Dan wordt het dit:

<ul>
   <li><a href="index.html" id="index"><span>Home</span></a></li> 
   <li><a href="historie.htm" id="historie"><span>Historie</span></a></li>
   <li><a href="sponsors.htm" id="sponsors"><span>Sponsors</span></a></li>
   ...

Met als css:

#header a span {
   position: absolute;   /* losgekoppeld van de opmaak van de rest van de pagina */
   left: 0;              /* linkerkant helemaal links op de schermrand */
   margin-left: -9999px; /* en dan flink wat pixels naar links trekken = helemaal buiten het zicht van het scherm */
   }

Met vriendelijke groet,
CSShunter