Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Link naar page, maar ook gelijk naar onderwerp

maIRnaairruJ
10 antwoorden
  • Hallo,
    ik zou een link willen leggen van verschillende van mijn web pagina's naar een bepaald onderwerp op een pagina; dus niet alleen boven op bedoelde pagina uitkomen, maar bv gelijk ergens halverwege bij bedoeld onderwerp.
    ik dacht dat ik iets kon koppelen in de link met het karakter # maar dit lukt me niet.
    Ook dacht ik iets te kunnen met toevoeging target="onderwerp" maar daar is dit kennelijk niet voor.
    iemand hier iets over?
    Dank bij voorbaat
  • In een bestand genaamd pagina.html:
    [code:1:6ea4c06a6c]<p id="begin">Hier de paragraaf.</p>[/code:1:6ea4c06a6c]

    dan is de link als volgt: [code:1:6ea4c06a6c]<a href="pagina.html#begin">Link</a>[/code:1:6ea4c06a6c]
  • Of
    [code:1:4b09d73d4c]<a name="begin"></a>[/code:1:4b09d73d4c]
    met link
    [code:1:4b09d73d4c]<a href="pagina.html#begin">Link</a>[/code:1:4b09d73d4c]
    Je hoeft dan niet perse text in de link te zetten
  • van de eerste antwoorden begrijp ik niet zo veel en vwb de laatste dacht ik dat ik het zo had gedaan…
    Concreet heb ik de link zo:
    <A HREF="alcan03-p3.htm">N99212</A>
    En ik dacht dat als ik het zo deed:
    <A HREF="alcan03-p3.htm#n99212">N99212</A> het zou moeten werken; maar dat doet het dus niet…?
  • [quote:160475530d="RuudLeeuw"]van de eerste antwoorden begrijp ik niet zo veel en vwb de laatste dacht ik dat ik het zo had gedaan…
    Concreet heb ik de link zo:
    <A HREF="alcan03-p3.htm">N99212</A>
    En ik dacht dat als ik het zo deed:
    <A HREF="alcan03-p3.htm#n99212">N99212</A> het zou moeten werken; maar dat doet het dus niet…?[/quote:160475530d]
    Je hebt de link naar een bepaalde pagina met achter de # de plaats in de pagina, bv zoiets:[code:1:160475530d] <A HREF="alcan03-p3.htm#n99212">n99212</A>[/code:1:160475530d]en je hebt op die pagina een anchor (anker) waar die link naar toe verwijst. Anders weet je browser niet waar op de pagina hij naar toe moet scrollen. bv zoiets: [code:1:160475530d]<a name="n99212">anchor n99212</a>[/code:1:160475530d] Als je in je anchor geen text wilt (dus een onzichtbare anchor) doe je het zo: [code:1:160475530d]<a name="n99212"></a>[/code:1:160475530d]
  • betr de sugesties-
    1.<A HREF="alcan03-p3.htm#n99212">n99212</A><BR>
    2.<a name="n99212">anchor n99212</a><BR>
    3.<a name="n99212"></a>

    1. werkt niet (dit is dezelfde als door mij boven weergegeven en gaat dus naar de pagina maar niet naar de tekst op die pagina)
    2. als 1.
    3. Komt als tekst op browser page N99212 te staan en werkt niet als link.

    ??
  • de oplossing van Marco is niet zo moeilijk or en werkt volgens mij ook altijd.
    Heb je een voorbeeld online, dan kunnen we wellicht zien wat je fout doet
  • Niet zo moeilijk nee, alleen begrijp ik 'em waarschijnlijk niet want bovenstaande is wat ik letterlijk copy/paste in HTML editor heb gedaan en het werkt dus niet.
  • Hoi, ik heb het; had niet opgemerkt dat ik op beide pages (source en target) genoemde aanpassingen moest doen.
    Thanks
  • [quote:51685f97bc="RuudLeeuw"]betr de sugesties-
    1.<A HREF="alcan03-p3.htm#n99212">n99212</A><BR>
    2.<a name="n99212">anchor n99212</a><BR>
    3.<a name="n99212"></a>

    1. werkt niet (dit is dezelfde als door mij boven weergegeven en gaat dus naar de pagina maar niet naar de tekst op die pagina)
    2. als 1.
    3. Komt als tekst op browser page N99212 te staan en werkt niet als link.

    ??[/quote:51685f97bc]
    1. alcan03-p3.htm is de pagina, #n99212 is de plaats op de pagina, n99212 is de linktext.
    2. Dit is de ling waar naar verwezen kan worden. dus staat <a name="n99212">anchor n99212</a> halverwege de pagina, dan zal de browser halverwege de pagina gaan staan. Als je teminste achter de pagina '#n99212' zet.
    De link ziet er normaal uit maar er gebeurt nix als je er op klikt. Je kan er wel naar verwijzen, dat komt door de 'name'. Als je href="" en name="" in een link zet, werkt de link wel, en kan je er ook naar verwijzen.
    3. idem 2, maar dan zonder text. Voor als je een link alleen als anchor wilt gebruiken.

    <p id="n99212">Hier de paragraaf.</p> werkt ook. als je teminste weer #n99212 achter de link zet.

    kortom, je kunst d.m.v. '#naamanchor' achter de link verwijzen naar id atributen in elementen en naar name atributen in links (<a></a>)

    dus <a id="n99212"></a> werkt ook.

    bestudeer de broncode deze pagina maar eens. En test deze link.

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.