Cursus website maken

coderunner · 27 dec 2008, 23:42

Beste audry,

audry schreef:... ik heb kleurbalkjes gemaakt in fotoshop, maar bij de pagina organisaties, bij de memorial W.T. heb ik 3 afstanden in km. en moet ik 3 pdf bijsteken .Nu zou ik de 3 afstanden in die balk willen steken en dat je ze 1 per 1 kan aanklikken en dan de pdf zien. is dit te doen ?

Je kan maar 1 hyperlink koppelen aan 1 afbeelding.
Maar je kan ...
1- gewoon onder de afbeelding "Memorial Willy Thys" de 3 pdf-bestanden afzonderlijk aanbieden.

2- de 3 afzonderlijke pdf-bestanden samenvoegen tot 1 pdf bestand.

3- de afbeelding "Memorial Willy Thys" in fotoshop opspliten in 3 gelijke horizontale of vertikale delen, op elk deel van de afbeelding dan het juist aantal km aangeven en dan de afbeelding "Memorial Willy Thys", die nu uit 3 delen bestaat, terug in html samen brengen tot 1 afbeelding en aan elke stukje van de afbeelding een link toekennen.

Er is nog een andere manier, maar dat wordt vrij ingewikkeld, daar je dan zeer goed overweg moet kunnen met de css opmaakcodes (stylesheet).

audry schreef:Ik heb op al mijn pagina's de home geplaatst, maar als ik daarop klik dan zie ik in de adresbalk mijn inlogadres staan , inplaats van mijn webadres .Weet jij hoe dit komt?Dat is iets dat niet mag.

Probeer eens in de links de volledige url in te vullen i.p.v. gewoon "index.html" m.a.w. wijzig

Code: Selecteer alles

<a href="index.html" target="_parent"><font color="#00003c">Home</font></a>

in

Code: Selecteer alles

<a href="http://www.wtccentrumsportiefvzw.net/index.html" target="_parent"><font color="#00003c">Home</font></a>

of schrijf tussen <head> en </head>

Code: Selecteer alles

<base href="http://www.wtccentrumsportiefvzw.net/">

mvg,
Coderunner

audry · 28 dec 2008, 11:51

Beste coderunner

bedankt voor de hulp in het weekend, ik denk dat je een hart van goud hebt;In verband met de problemen met de home , dit is opgelost.
Nu nog het andere probleem , maar dit moet ik nog oplossen
Ik laat het nog weten.

Nog een goede zondag,

mvg

A.

audry · 28 dec 2008, 14:36

Beste coderunner

In verband met de pdf en de jpg, ik heb 3 aparte gemaakt in fotoshop , ik heb ze eronder geplaats maar ik wil er 1 links 1 in de midden en 1 rechts en dat lukt mij niet .De rand errond neemt ook het goede kleur niet.
Ik heb al vanalles geprobeerd maar tervergeefs.

mvg

A.

coderunner · 28 dec 2008, 20:13

Beste audry,

Je moet niet steeds je layout maken met tabellen. Je ziet nu ook dat de gehele code veel kleiner is geworden.
Hier de aangepaste html code voor je pagina "Organisaties.htm"

Ik heb de pagina online gezet zodat je kan zien hoe het eruitziet. Bekijk het hier
Ziehier de code

<html>
<head>

<title>Website WTC centrum sportief vzw/Organisaties</title>

</head>

<body background="./kerst_29.jpg">
<h1 align="center"><font color="#00003C">Organisaties<font></h1>

<div align="center">
<a href="http://www.wtccentrumsportiefvzw.net/index.html" target="_parent"><font color="#00003c">Home</font></a> -
<a href="Bestuur.htm" target="_self"><font color="#00003c">Bestuur</a> -
<a href="Clubleden.htm" target="_self"><font color="#00003c">Clubleden</a> -
<a href="Standleden.htm" target="_self"><font color="#00003c">Stand leden</a> -
<a href="Laureaten.htm" target="_self"><font color="#00003c">Laureaten</a> -
<a href="Kalender.htm" target="_self"><font color="#00003c">Kalender</a> -
<a href="Permanenten.htm" target="_self" class="style20"><font color="#00003c">Permanenten</a> -
<a href="reglement clubkampioenschap 2008.doc"><font color="#00003c"> Richtlijnen club</a>
</div>
<br>

<div>
<marquee><img src="./j0283992.gif" width="120" height="105"><img src="./j0283992.gif" width="120" height="105"></marquee>
</div>

<br>
<br>
<div align="center">
<a href="inrichtingen 2009.pdf"><img src="./Zomer inrichtingen 2009.jpg" width="300" height="30" border="6" style="border-color:#000066"></a>
<br>
<br>
<a href="fietsen voor het goede doel.pdf"><img src="./Fietsen voor het goede doel.jpg" width="500" height="60" border="6" style="border-color:#000066"></a>
<br>
<br>
<img src="./Memorial Willy Thys.jpg" width="500" height="60" border="6" style="border-color:#000066"></a>
<br>
<span style="word-spacing:155px;">
<a href="Mem Willy Thys 40km 2009.pdf"><img src="./40 km.jpg" width="60" height="15" border"3" style="border-color:#000066"></a>
<a href="Mem Willy Thys 75km 2009.pdf"><img src="./75 km.jpg" width="60" height="15" border"3" style="border-color:#000066"></a>
<a href="Mem Willy Thys 110km 2009.pdf"><img src="./110 km.jpg"width="60" height="15" border"3" style="border-color:#000066"></a>
</span>
<br>
<br>
<a href="FT Sparrenhof 2009.pdf"><img src="./Fietstocht Sparrenhof.jpg" width="500" height="60" border="6" style="border-color:#000066"></a>
<br>
<br>
<a href="FT DEPA 40km 2009.pdf"><img src="./Fietstocht Depa.jpg" width="500" height="60" border="6" style="border-color:#000066"></a>
</div>

</body>
</html>

mvg,
Coderunner

audry · 28 dec 2008, 21:26

Beste coderunner

Bedankt dat je dit voor mij gedaan hebt, maar ik wist niets van( <span style="word-spacing:155px;">) deze code , ik dacht ook dat ik beter de lay out kon doen met tabellen, hartelijk bedankt .

mvg

A.

coderunner · 28 dec 2008, 22:11

audry schreef:Bedankt dat je dit voor mij gedaan hebt, maar ik wist niets van( <span style="word-spacing:155px;">) deze code , ik dacht ook dat ik beter de lay out kon doen met tabellen, hartelijk bedankt.

Beste audry,

Dat is graag en met alle plezien gedaan.
Wat ik zei i.v.m. het niet steeds gebruiken van tabellen voor de layout, was helemaal niet negatief bedoeld, ik heb je met de gewijzigde html code van je pagina willen laten zien dat het ook eenvoudiger kan. Ik besef maar al te goed dat je volop aan het experimenteren en aan het bijleren bent, dat gaat stapsgewijs en dat je alle html tags, css style, etc nog volop aan het verkennen bent, En zo hoort het ook, want al doende leert men en men leert van zijn eigen fouten

Zo zijn we ook allemaal begonnen, Dus volhouden en als je aan iets niet aan uit kan of problemen ondervindt, dan weet je waar je moet zijn.

De reden waarom de 3 afzonderlijke links niet werkten, was omdat je de 2 eerste links was vergeten af te sluiten met </a>. Deze (en nog een paar andere) heb ik dan ook verbeterd voor jou.

mvg,
Coderunner

audry · 28 dec 2008, 22:52

Beste coderunnerr

Ik heb nu die 3 afstanden apart , maar als ik er 4 of 5 eronder wil plaatsen moet ik dan die 155px( <span style="word-spacing:155px;"> )
verminderen , want ik begrijp die code niet zo goed.

mvg

A.

audry · 28 dec 2008, 22:58

Beste coderunner

Ik heb de px verminderd , en het is perfect.
Ik moet nog heeeeeeel veeeeeeel leren en het staat niet altijd in de cursus, dus ik zoek een beetje overal .

mvg

A.

coderunner · 29 dec 2008, 05:15

Beste audry,

We kunnen nu nog een stapje verder gaan.
Als je nu rond de banner en de opties tegelijk een kader wil, zodat de bezoeker beter ziet waarbij de opties behoren, dan doen we dit als volgt:
We verwijderen de border rond de banner

Code: Selecteer alles

<img src="./Memorial Willy Thys.jpg" width="500" height="60" border="6" style="border-color:#000066">

wordt dan

Code: Selecteer alles

<img src="./Memorial Willy Thys.jpg" width="500" height="60" border="0">

en plaatsen een <div> ... </div> rond de banner en de opties. M.a.w.

Code: Selecteer alles

<img src="./Memorial Willy Thys.jpg" width="500" height="60" border="6" style="border-color:#000066"></a>
<br>
<span style="word-spacing:155px;">
<a href="Mem Willy Thys 40km 2009.pdf"><img src="./40 km.jpg" width="60" height="15" border="3" style="border-color:#000066"></a>
<a href="Mem Willy Thys 75km 2009.pdf"><img src="./75 km.jpg" width="60" height="15" border="3" style="border-color:#000066"></a>
<a href="Mem Willy Thys 110km 2009.pdf"><img src="./110 km.jpg"width="60" height="15" border="3" style="border-color:#000066"></a>
</span>

wordt

Code: Selecteer alles

<div style="border: 6px solid #000066; width:500;">
<img src="./Memorial Willy Thys.jpg" width="500" height="60" border="0"> 
<span style="word-spacing:140px; line-height:25px;"> 
<a href="Mem Willy Thys 40km 2009.pdf"><img src="./40 km.jpg" width="60" height="15" border="3" style="border-color:#000066"></a> 
<a href="Mem Willy Thys 75km 2009.pdf"><img src="./75 km.jpg" width="60" height="15" border="3" style="border-color:#000066"></a> 
<a href="Mem Willy Thys 110km 2009.pdf"><img src="./110 km.jpg"width="60" height="15" border="3" style="border-color:#000066"></a> 
</span> 
</div>

we passen de "word-spacing" (ruimte tussen de afbeelding) wat aan zodat het niet tegen de kader komt en voegen line-height (hoogte van de lijn) toe in de <span> tag (zie code)

De volledige html code voor de pagina "Organisaties.htm wordt dan

<html>
<head>

<title>Website WTC centrum sportief vzw/Organisaties</title>

</head>

<body background="./kerst_29.jpg">
<h1 align="center"><font color="#00003C">Organisaties</font></h1>

<div align="center">
<a href="http://www.wtccentrumsportiefvzw.net/index.html" target="_parent"><font color="#00003c">Home</font></a> -
<a href="Bestuur.htm" target="_self"><font color="#00003c">Bestuur</font></a> -
<a href="Clubleden.htm" target="_self"><font color="#00003c">Clubleden</font></a> -
<a href="Standleden.htm" target="_self"><font color="#00003c">Stand leden</font></a> -
<a href="Laureaten.htm" target="_self"><font color="#00003c">Laureaten</font></a> -
<a href="Kalender.htm" target="_self"><font color="#00003c">Kalender</font></a> -
<a href="Permanenten.htm" target="_self"><font color="#00003c">Permanenten</font></a> -
<a href="reglement clubkampioenschap 2008.doc"><font color="#00003c">Richtlijnen club</font></a>
</div>
<br>

<div>
<marquee><img src="./j0283992.gif" width="120" height="105"><img src="./j0283992.gif" width="120" height="105"></marquee>
</div>

<br>
<br>
<div align="center">
<a href="inrichtingen 2009.pdf"><img src="./Zomer inrichtingen 2009.jpg" width="300" height="30" border="6" style="border-color:#000066"></a>

<br>
<br>

<a href="fietsen voor het goede doel.pdf"><img src="./Fietsen voor het goede doel.jpg" width="500" height="60" border="6" style="border-color:#000066"></a>

<br>
<br>

<div style="border: 6px solid #000066; width:500;">
<img src="./Memorial Willy Thys.jpg" width="500" height="60" border="0">
<span style="word-spacing:140px; line-height:25px;">
<a href="Mem Willy Thys 40km 2009.pdf"><img src="./40 km.jpg" width="60" height="15" border="3" style="border-color:#000066"></a>
<a href="Mem Willy Thys 75km 2009.pdf"><img src="./75 km.jpg" width="60" height="15" border="3" style="border-color:#000066"></a>
<a href="Mem Willy Thys 110km 2009.pdf"><img src="./110 km.jpg"width="60" height="15" border="3" style="border-color:#000066"></a>
</span>
</div>

<br>

<a href="FT Sparrenhof 2009.pdf"><img src="./Fietstocht Sparrenhof.jpg" width="500" height="60" border="6" style="border-color:#000066"></a>

<br>
<br>

<div style="border: 6px solid #000066; width:500;">
<img src="./Fietstocht Depa.jpg" width="500" height="60" border="0">
<span style="word-spacing:70px; line-height:25px;">
<a href="FT DEPA 40km 2009.pdf"><img src="./40 km.jpg" width="60" height="15" border="3" style="border-color:#000066"></a>
<a href="FT DEPA 75 km 2009.pdf"><img src="./75 km.jpg" width="60" height="15" border="3" style="border-color:#000066"></a>
<a href="FT DEPA 108km 2009.pdf"><img src="./108 km.jpg"width="60" height="15" border="3" style="border-color:#000066"></a>
<a href="FT DEPA kids 25km 2009.pdf"><img src="./Kids 25 km.jpg"width="60" height="15" border="3" style="border-color:#000066"></a>
</span>
</div>

<br>

<div style="border: 6px solid #000066; width:500;">
<a href="inrichtingen 2009.pdf"><img src="./VTT Depa.jpg" width="500" height="60" border="0"></a>
<span style="word-spacing:140px; line-height:25px;">
<a href=".pdf"><img src="./50 km.jpg" width="60" height="15" border="3" style="border-color:#000066"></a>
<a href=".pdf"><img src="./40 km.jpg" width="60" height="15" border="3" style="border-color:#000066"></a>
<a href=".pdf"><img src="./25 km.jpg"width="60" height="15" border="3" style="border-color:#000066"></a>
</span>
</div>

</div>
</body>
</html>

De rode tekst --> link naar het pdf-bestand nog invullen.

Bekijk hier het resultaat.

Opmerking: Gebruik GEEN spaties in bestandsnamen! Sommige browsers hebben daar last mee!
Vervang spaties door een "underscore"( _ ) of schrijf alles aan elkaar
voorbeeld:
Zomer inrichtingen 2009.jpg --> Zomer_inrichtingen_2009.jpg of ZomerInrichtingen2009.jpg

FT DEPA 75 km 2009.pdf --> FT_DEPA_75_km_2009.pdf of FTDEPA75km2009.pdf

Wanneer je dit doet in de html code vergeet dan zeker niet de bestandsnaam zelf ook te veranderen want beide moeten de identieke schrijfwijze hebben.

Een hele boterham deze keer. Je zal je bezigheid hebben

mvg,
Coderunner

Aanpassing; Fout in de html code verbeterd

audry · 29 dec 2008, 10:26

Beste coderunner

Inderdaad dit is een hele boterham, maar ik ga dit zeker proberen , het is er maar weer voor ,alvast hartelijk bedankt.
Ik ga ook eens proberen een teller op de site te plaatsen of zou ik dat beter niet doen?Ik heb daar nu geen idee van of dat goed is of niet!

mvg

A.

audry · 02 jan 2009, 22:37

Beste coderunner

De Beste wensen voor 2009.

De tweede dag van het jaar en ik ben hier al met een vraag! op de pagina waar de kalender moet komen , heb ik ieder maand apart geplaatst, maar nu vraag ik mij af , ik wil rechts in de tabel de tekst plaatsen , maar als ik bv. op april klik mag juist de tekst een andere pagina worden , dus de 1ste en de tweede tabel moeten blijven staan .
Moet ik dan van iedere maand ook een nieuwe pagina maken en opslaan als htm?

mvg.

A.

coderunner · 05 jan 2009, 15:46

Beste audry,

Je kan dat inderdaad doen zoals je zelf aanhaalt of je kan werken met een zgn. "inline frame" of "iframe". Je tekst in kolom1 en kolom2 blijft dan staan en alleen de tekst in kolom3 verandert. Klik hier om het voorbeeld inwerking te zien.

Zie de verbeterde en meer uitgewerkte code hieronder:

Code: Selecteer alles

<html> 
<head> 
<META NAME="Title" CONTENT="Website WTC centrum sportief vzw/kalender"> 
<META NAME="Author" CONTENT="Webmaster Adri"> 
<META NAME="Description" CONTENT="bestuur,clubleden, kalender, laureaten,foto's,"> 
<META NAME="Keywords" CONTENT="homepage,"> 
<META NAME="Generator" CONTENT="index,html"> 
<META NAME="Language" CONTENT="nederlands"> 
<META NAME="Robots" CONTENT="FOLOW,Index"> 
<META NAME="revisit-after" CONTENT="7 days"> 
<title>Website WTC centrum sportief vzw/Kalender</title> 

<style type="text/css"> 

.thisclass{font-weight:bold;background-color:#0000FF} 

</style> 

<script type="text/javascript"> 
<!-- 

var buttontarget="kalender" 

function change(e, color){ 
var el=window.event? event.srcElement: e.target 
if (el.tagName=="INPUT"&&el.type=="button") 
el.style.backgroundColor=color 
} 

function jumpto2(url){ 
if (buttontarget=="") 
window.location=url 
else if (buttontarget=="_new") 
window.open(url) 
else 
parent[buttontarget].location=url 
} 

//--> 
</script> 


</head> 


<body background="kerst_29.jpg"> 
<br> 
<br> 

    <table align="center"width="25%" border="1" style="border:8 double blue"> 
         <tr> 
            <td> 
               <h1 align="center"><font color="#000066" size="6" face="comic sans ms"><b>Clubkalender2009</b></font></h1>
            </td> 
         </tr> 
      </table> 

<br> 

<div align="center"> 
<a href="http://www.wtccentrumsportiefvzw.net/index.html" target="_parent"><font color="#00003c">Home</font></a> - 
<a href="Bestuur.htm" target="_self"><font color="#00003c">Bestuur</font></a> - 
<a href="Clubleden.htm" target="_self"><font color="#00003c">Clubleden</font></a> - 
<a href="Standleden.htm" target="_self"><font color="#00003c">Stand&nbsp;leden</font></a> - 
<a href="Laureaten.htm" target="_self"><font color="#00003c">Laureaten</font></a> - 
<a href="Organisaties.htm" target="_self"><font color="#00003c">Organisaties</font></a> - 
<a href="Permanenten.htm" target="_self" class="style20"><font color="#00003c">Permanenten</font></a> - 
<a href="reglement clubkampioenschap 2008.doc"><font color="#00003c"> Richtlijnen&nbsp;club</font></a> 
</div> 
<br> 

<div> 
<marquee><img src="./j0283992.gif" width="120" height="105"><img src="./j0283992.gif" width="120" height="105"></marquee> 
</div> 




<div align="center"> 

<form onMouseover="change(event, '#00FF00')" onMouseout="change(event, '#0000FF')"> 
<input type="button" name="Button" class="thisclass" value="Februari" onMouseOver="this.style.color='#000000'" onMouseOut="this.style.color='#FFFFFF'" onMouseDown="this.style.color='#000000'" style="color:#FFFFFF; font-family:Courier; font-weight:none; font-size:12px;" onClick="jumpto2('feb.html')"> 
<input type="button" name="Button" class="thisclass" value="Maart" onMouseOver="this.style.color='#000000'" onMouseOut="this.style.color='#FFFFFF'" onMouseDown="this.style.color='#000000'" style="color:#FFFFFF; font-family:Courier; font-weight:none; font-size:12px;" onClick="jumpto2('mrt.html')"> 
<input type="button" name="Button" class="thisclass" value="April" onMouseOver="this.style.color='#000000'" onMouseOut="this.style.color='#FFFFFF'" onMouseDown="this.style.color='#000000'" style="color:#FFFFFF; font-family:Courier; font-weight:none; font-size:12px;" onClick="jumpto2('apr.html')"> 
<input type="button" name="Button" class="thisclass" value="Mei" onMouseOver="this.style.color='#000000'" onMouseOut="this.style.color='#FFFFFF'" onMouseDown="this.style.color='#000000'" style="color:#FFFFFF; font-family:Courier; font-weight:none; font-size:12px;" onClick="jumpto2('mei.html')"> 
<input type="button" name="Button" class="thisclass" value="Juni" onMouseOver="this.style.color='#000000'" onMouseOut="this.style.color='#FFFFFF'" onMouseDown="this.style.color='#000000'" style="color:#FFFFFF; font-family:Courier; font-weight:none; font-size:12px;" onClick="jumpto2('jun.html')"> 
<input type="button" name="Button" class="thisclass" value="Juli" onMouseOver="this.style.color='#000000'" onMouseOut="this.style.color='#FFFFFF'" onMouseDown="this.style.color='#000000'" style="color:#FFFFFF; font-family:Courier; font-weight:none; font-size:12px;" onClick="jumpto2('jul.html')"> 
<input type="button" name="Button" class="thisclass" value="Augustus" onMouseOver="this.style.color='#000000'" onMouseOut="this.style.color='#FFFFFF'" onMouseDown="this.style.color='#000000'" style="color:#FFFFFF; font-family:Courier; font-weight:none; font-size:12px;" onClick="jumpto2('aug.html')"> 
<input type="button" name="Button" class="thisclass" value="September" onMouseOver="this.style.color='#000000'" onMouseOut="this.style.color='#FFFFFF'" onMouseDown="this.style.color='#000000'" style="color:#FFFFFF; font-family:Courier; font-weight:none; font-size:12px;" onClick="jumpto2('sep.html')"> 
</form> 
</div> 


<br> 


<table border="1" bordercolor="#6666cc" width="50%" height="400" align="center"> 
<tr> 
<td width="10%" bgcolor="#6666cc">&nbsp;</td> 

<td width="5%" >&nbsp;</td> 

<td width="35%"><iframe src="feb.html" width="100%" height="400" name="kalender" frameborder="0"> 
  <p>Your browser does not support iframes.</p> 
</iframe> 
</td> 
</tr> 
</table> 
  
</body> 
</html>

Het enige wat je nu moet doen is aparte html pagina's maken voor de maanden feb tot sep
Noem deze pagina's : feb.html - mrt.html - apr.html - mei.html - jun.html - jul.html - aug.html - sep.html en wanneer je op de respectievelijke button (knop) drukt, verschijnt de tekst in het iframe.
Alleen feb - mrt - apr staan online, de andere maanden heb ik niet uitgewerkt, maar nu zie je al hoe het werkt.

mvg,
Coderunner

Aanpassing: Code iets gewijzigd.

audry · 05 jan 2009, 16:07

Beste coderunner

Dat ziet er zo veel beter uit , mijn tabel was ook nog niet goed ik zat met een hoogte verschil , en ik kreeg het niet goed.
Alvast hartelijk bedankt.

mvg

A.

audry · 05 jan 2009, 22:56

Beste coderunner

Ik heb een paar pagina's aangemaakt voor te proberen , en alles werkt ,maar als ik ze online zet kan ik maart niet openen????

mvg.

A.

coderunner · 06 jan 2009, 09:43

audry schreef:Ik heb een paar pagina's aangemaakt voor te proberen , en alles werkt ,maar als ik ze online zet kan ik maart niet openen????

Beste audry,

Ik zie het probleem niet direct, alleen zie ik in je broncode nog enkele fouten staan.
Probeer eens met in Kalender.htm de code, van het menu met de maanden, te vervangen door

Code: Selecteer alles

<form onMouseover="change(event, '#00FF00')" onMouseout="change(event, '#0000FF')">
<input type="button" name="Button" class="thisclass" value="Februari" style="color:#FFFFFF; font-family:Courier; font-weight:none; font-size:12px;" onClick="jumpto2('feb.html')">
...

m.a.w. ik heb de dubbel geconfigureerde 'onMouseout' en 'onMouseover' eruit verwijderd, daar die al in de form tag stonden.

De volledige html code voor de pagina Kalender.htm wordt dan

Code: Selecteer alles

<html>
<head>
<META NAME="Title" CONTENT="Website WTC centrum sportief vzw/kalender">
<META NAME="Author" CONTENT="Webmaster Adri">
<META NAME="Description" CONTENT="bestuur,clubleden, kalender, laureaten,foto's,">
<META NAME="Keywords" CONTENT="homepage,">
<META NAME="Generator" CONTENT="index,html">
<META NAME="Language" CONTENT="nederlands">
<META NAME="Robots" CONTENT="FOLOW,Index">
<META NAME="revisit-after" CONTENT="7 days">
<title>Website WTC centrum sportief vzw/Kalender</title>

<style type="text/css">

.thisclass{font-weight:bold;background-color:#0000FF}

</style>

<script type="text/javascript">
<!--

var buttontarget="kalender"

function change(e, color){
var el=window.event? event.srcElement: e.target
if (el.tagName=="INPUT"&&el.type=="button")
el.style.backgroundColor=color
}

function jumpto2(url){
if (buttontarget=="")
window.location=url
else if (buttontarget=="_new")
window.open(url)
else
parent[buttontarget].location=url
}

//-->
</script>


</head>


<body background="./kerst_29.jpg">
<br>
<br>

    <table align="center"width="25%" border="1" style="border:8 double blue">
			<tr>
				<td>
					<h1 align="center"><font color="#000066" size="6" face="comic sans ms"><b>Clubkalender2009</b></font></h1>
				</td>
			</tr>
		</table>

<br>

<div align="center"> 
<a href="http://www.wtccentrumsportiefvzw.net/index.html" target="_parent"><font color="#00003c">Home</font></a> - 
<a href="Bestuur.htm" target="_self"><font color="#00003c">Bestuur</font></a> - 
<a href="Clubleden.htm" target="_self"><font color="#00003c">Clubleden</font></a> - 
<a href="Standleden.htm" target="_self"><font color="#00003c">Stand&nbsp;leden</font></a> - 
<a href="Laureaten.htm" target="_self"><font color="#00003c">Laureaten</font></a> - 
<a href="Organisaties.htm" target="_self"><font color="#00003c">Organisaties</font></a> - 
<a href="Permanenten.htm" target="_self" class="style20"><font color="#00003c">Permanenten</font></a> - 
<a href="reglement clubkampioenschap 2008.doc"><font color="#00003c"> Richtlijnen&nbsp;club</font></a> 
</div> 
<br> 

<div> 
<marquee><img src="./j0283992.gif" width="120" height="105"><img src="./j0283992.gif" width="120" height="105"></marquee> 
</div> 

<div align="center">

<form onMouseover="change(event, '#00FF00')" onMouseout="change(event, '#0000FF')">
<input type="button" name="Button" class="thisclass" value="Februari" style="color:#FFFFFF; font-family:Courier; font-weight:none; font-size:12px;" onClick="jumpto2('feb.html')">
<input type="button" name="Button" class="thisclass" value="Maart" style="color:#FFFFFF; font-family:Courier; font-weight:none; font-size:12px;" onClick="jumpto2('mrt.html')">
<input type="button" name="Button" class="thisclass" value="April" style="color:#FFFFFF; font-family:Courier; font-weight:none; font-size:12px;" onClick="jumpto2('apr.html')">
<input type="button" name="Button" class="thisclass" value="Mei" style="color:#FFFFFF; font-family:Courier; font-weight:none; font-size:12px;" onClick="jumpto2('mei.html')">
<input type="button" name="Button" class="thisclass" value="Juni" style="color:#FFFFFF; font-family:Courier; font-weight:none; font-size:12px;" onClick="jumpto2('jun.html')">
<input type="button" name="Button" class="thisclass" value="Juli" style="color:#FFFFFF; font-family:Courier; font-weight:none; font-size:12px;" onClick="jumpto2('jul.html')">
<input type="button" name="Button" class="thisclass" value="Augustus" style="color:#FFFFFF; font-family:Courier; font-weight:none; font-size:12px;" onClick="jumpto2('aug.html')">
<input type="button" name="Button" class="thisclass" value="September" style="color:#FFFFFF; font-family:Courier; font-weight:none; font-size:12px;" onClick="jumpto2('sep.html')">
</form>
</div>

<br>

<table border="1" bordercolor="#6666cc" width="50%" height="400" align="center">
	<tr>
		<td width="10%" body bgcolor="#6666cc">&nbsp;</td>

		<td width="5%" >&nbsp;</td>

		<td width="35%">
			<iframe src="feb.html" width="100%" height="400" name="kalender" frameborder="0">
			<p>Your browser does not support iframes.</p>
			</iframe>
		</td>
	</tr>
</table>

</body>
</html>

mvg,
Coderunner