Links naar bepaalde plaats

Vragen/antwoorden betreffende het maken van je eigen website.

astra
Lid geworden op: 05 okt 2003, 14:49
Locatie: Vlaams Brabant

26 jul 2010, 18:15

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
Lid geworden op: 27 mar 2006, 04:35
Locatie: Aubauke - Aentwaerepe

26 jul 2010, 18:55

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
Lid geworden op: 05 okt 2003, 14:49
Locatie: Vlaams Brabant

26 jul 2010, 20:00

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:
Afbeelding

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

Wat heb ik verkeerd gedaan?

Groetjes,
Astra

coderunner
Lid geworden op: 27 mar 2006, 04:35
Locatie: Aubauke - Aentwaerepe

26 jul 2010, 20:11

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"><p><span class="stijl47"><a name="tekst1">2010</a><strong>5. 3D kubus</strong>
Moet zijn:
<td align="left" valign="top" class="stijl13"><p><span class="stijl47"><a name="tekst1"><strong>5. 3D kubus</strong></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. <p>&nbsp;</p> 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
Lid geworden op: 05 okt 2003, 14:49
Locatie: Vlaams Brabant

26 jul 2010, 22:11

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 :lol:

De beste groetjes en tot volgende keer!
Astra

coderunner
Lid geworden op: 27 mar 2006, 04:35
Locatie: Aubauke - Aentwaerepe

26 jul 2010, 22:19

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
Lid geworden op: 05 okt 2003, 14:49
Locatie: Vlaams Brabant

27 jul 2010, 10:39

Merciekes Coderunner! :wink:

Groetjes,
Astra