Hallo

Ik ben chiroleider en heb de taak "de site" op mij genomen.
Ik heb nooit lessen gevolgd over webdesign of iets in die aard, maar ik probeer mijn plan te trekken.

Dit is de pagina (http://www.chirowingene.be/test/test_leiding.html) waar ik jammergenoeg moeilijkheden mee heb.

Wat ik zou willen is dat als je op één van de bovenstaande afdelingen klikt, je direct naar het deel van de pagina wordt gelinkt waar die afdeling dan verder uitgelegd staat.

Mijn schrijftaal reikt wel maar tot html en css.
Dus als je een javascript geeft, of andere dingen, zal je het mij wel stap voor stap moeten uitleggen vrees ik :D

Als iemand een idee heeft, laat maar komen!
Alvast bedankt!

mvg
Roeba

<div id="main">
<div id="leidingsband">
<li><a href="#ribbels">Ribbels</a></li>
<li><a href="#speelclub">Speelclub</a></li>
<li><a href="#rakwi"> Rakwi's</a></li>
<li><a href="#tito"> Tito's</a></li>
<li><a href="#keti"> Keti's</a></li>
<li><a href="#aspi"> Aspi's</a></li>
<li><begeleider>Volwassen begeleider</begeleider></li>
</div>
<div id="leiding_niets"></div>
<div id="leiding_wel">
<div id="leiding_afdeling_left" ><a name="ribbels">Ribbels</a></div>
<div id="leiding_afdeling_right" ><a name="speelclub" >Speelclub</a></div>
</div>
<div id="leiding_niets"></div>
<div id="leiding_wel">
<div id="leiding_afdeling_left" ><a name="rakwi" >Rakwi's</a></div>
<div id="leiding_afdeling_right" ><a name="tito" >Tito's</a></div>
</div>
<div id="leiding_niets"></div>
<div id="leiding_wel">
<div id="leiding_afdeling_left" ><a name="keti" >Keti's</a></div>
<div id="leiding_afdeling_right" ><a name="aspi" >Aspi's</a></div>
</div>
<div id="leiding_niets"></div>
</div>
</div>


Om aan te duiden naar waar je wilt linken kan je best een anchor tag toevoegen met de naam als attribuut.
<div id="leiding_afdeling_left" ><a name="keti">Keti's</a></div>

En als je een hyperlink plaatst naar die anchor met die name kan je dat zo doen:
<a href="#keti">Naam van Hyperlink</a>

Of als het op een andere pagina staat:
<a href="pagina.html#keti">Naam van Hyperlink</a>

PS: Ik heb die tags zoals <ribbels> vervangen door <a href=...> tags. In de veronderstelling die tags zoals <ribbels> geen speciale betekenis hadden op vlak van layout. Anders moet je die gewoon terug plaatsen. ;)

Mvg,
Dave

Heel erg bedankt!
het is best simpel, maar als je het niet weet kan je blijven zoeken niet waar?;)

mijn excuses als mijn codering wat onoverzichtelijk is!

Het zou kunnen dat je me misschien nog wel eens gaat horen de komende weken:lol:

Hehe :D. Graag gedaan. ;)

Laat maar komen die vragen. :D


Dexter