Links naar bepaalde plaats — Forum

astra Startte dit onderwerp 26 jul 2010, 18:15 Vlaams Brabant 78 berichten

En hier zijn we dan weer met volgende vraag.

Op mijn website zijn er links die verwijzen naar een andere pagina. Op deze pagina staan verschillende afbeeldingen.
Is het mogelijk dat wanneer men op de link klikt naar die pagina dat men ook kan instellen om terecht te komen op een bepaalde plaats.
bv. een afbeelding.

Groetjes,
Astra

coderunner 26 jul 2010, 18:55 Aubauke - Aentwaerepe 1.828 berichten

Beste astra

Dat doe je met volgende codes

A- Naar een welbepaalde plaats op dezelfde pagina:
1- om naar een bepaalde tekst te gaan

Code: Selecteer alles

<a href="#tekst1">2010</a>

en op de plaats waar je naartoe wil, plaats je de code

Code: Selecteer alles

<a name="tekst1">2010</a> Hier komt dan te tekst te staan

2- om naar bv. een afbeelding te gaan

Code: Selecteer alles

<a href="#foto1">Foto 1</a>

en op de plaats waar je naartoe wil, plaats je de code

Code: Selecteer alles

<a name="foto1"><img src="foto1.jpg" widht="150" height="100" alt="foto1"></a>

B- Naar een welbepaalde plaats op een andere pagina:
1- om naar een bepaalde tekst te gaan op een andere pagina (bv. pagina2.html)
Op pagina1.html plaats je de code

Code: Selecteer alles

<a href="pagina2.html#tekst1">2010</a>

en op de plaats waar je naartoe wil gaan op pagina2.html, plaats je de code

Code: Selecteer alles

<a name="tekst1">2010</a> Hier komt dan te tekst te staan

2- om naar bv. een afbeelding te gaan op een andere pagina (bv. pagina2.html)
Op pagina1.html plaats je de code

Code: Selecteer alles

<a href="pagina.html#foto1">Foto 1</a>

en op de plaats waar je naartoe wil gaan op pagina2.html, plaats je de code

Code: Selecteer alles

<a name="foto1"><img src="foto1.jpg" widht="150" height="100" alt="foto1"></a>

mvg,
Coderunner

Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.

astra Startte dit onderwerp 26 jul 2010, 20:00 Vlaams Brabant 78 berichten

Beste Coderunner,

Bedankt voor je vlugge reactie.
Ik heb gekozen voor de tekst (je voorziet toch ook alles hé) omdat ik dat een beter idee vind. Maar als ik op de link klik op de Startpagina (index.html) kom ik wel op de betreffende pagina maar niet op de tekst. Daarbij zie ik "2010" staan. Is dat normaal? Er staan dus eigenlijk 2 aparte linken naast elkaar. Die van de pagina en die van tekst. Als ik op deze laatste klik gebeurt er niks.

Volgende code gezet op mijn index.html

<td class=""><a href="fotoeffecten.html">5. 3D kubus handleiding voor PP 2007</a><a href="#tekst1">2010</a>
Resultaat:

En deze code op de pagina waar de afbeeldingen staan:
<td align="left" valign="top" class="stijl13"><a name="tekst1">2010</a>5. 3D kubus
Resultaat:

Wat heb ik verkeerd gedaan?

Groetjes,
Astra

coderunner 26 jul 2010, 20:11 Aubauke - Aentwaerepe 1.828 berichten

astra schreef:Volgende code gezet op mijn index.html

<td class=""><a href="fotoeffecten.html">5. 3D kubus handleiding voor PP 2007</a><a href="">2010</a>

Moet zijn:

<td class=""><a href="fotoeffecten.html#tekst1">5. 3D kubus handleiding voor PP 2007</a> ...

astra schreef:En deze code op de pagina waar de afbeeldingen staan:

<td align="left" valign="top" class="stijl13"><a name="tekst1">2010</a>5. 3D kubus

Moet zijn:

<td align="left" valign="top" class="stijl13"><a name="tekst1">5. 3D kubus</a> ...

Aanvulling:
Als de tekst (afbeelding) waar je naar verwijst helemaal onderaan of bijna helemaal onderaan de pagina staat, voorzie dan dat de pagina ook nog naar boven kan scrollen door onderaan (juist voor de </body> tag) voldoende blanco lijnen bij te plaatsen d.m.v.   zodat de tekst (afbeelding) waar je naar verwjst, helemaal bovenaan de pagina komt te staan.

mvg,
Coderunner

Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.

astra Startte dit onderwerp 26 jul 2010, 22:11 Vlaams Brabant 78 berichten

Beste Coderunner,

Werkt perfect! Hartelijk bedankt hé.
Dat is dus eigenlijk een "anker". Ben wat gaan zoeken in de help van Dreamweaver en heb meteen een anker gemaakt om naar het begin van de pagina terug te gaan want in de toekomst komen hier nog wat lesjes bij.

En weeral wat slimmer

De beste groetjes en tot volgende keer!
Astra

coderunner 26 jul 2010, 22:19 Aubauke - Aentwaerepe 1.828 berichten

Beste astra,

Dat is met alle plezier gedaan en bedankt om dit te melden.

Nog veel succes met je website.

mvg,
Coderunner

Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.

astra Startte dit onderwerp 27 jul 2010, 10:39 Vlaams Brabant 78 berichten

Merciekes Coderunner!

Groetjes,
Astra