Avatar billede Helbo-DK Juniormester
23. juli 2005 - 01:39 Der er 10 kommentarer og
1 løsning

Link til et andet sted, men på samme side?

Hvordan gør jeg sådan, at jeg har et link på samme side som teksten, og det link skal så få en ned i bunden til det nederste tekst, når man klikker på linket... Hvordan?
Avatar billede taskmgr Nybegynder
23. juli 2005 - 01:43 #1
<a href="#ned">Gå ned</a>
En masse tekst (...)
<a name="ned">Hertil</a>
Avatar billede apo Praktikant
23. juli 2005 - 01:48 #2
Denne fungerer cross-browser:

<a href="#1">Nederst på siden</a>

<div id="1">Tekst der står nederst på siden</div>

Apo
Avatar billede Helbo-DK Juniormester
23. juli 2005 - 09:43 #3
Øhm... Måske ville det være bedre, hvis jeg lige prøvede at uddybe spørgsmålet.

Lad os sige at på siden er der tre afsnit med tekst, hvor overskriften er "Overskrift1", "Overskrift2" og "Overskrift3". Øverst har jeg tre links, som har de samme navne som overskrifterne. Når man klikker på et link (fx. "Ocerskrift2"), så skulle den springe ned til det sted, hvor afsnittet med "Overskrift2" starter.
Avatar billede apo Praktikant
23. juli 2005 - 10:01 #4
Har du egentlig afprøvet de forslag, vi er kommet med?

Linkene øverst på siden:
<a href="#1">Overskrift1</a>
<a href="#2">Overskrift2</a>
<a href="#3">Overskrift3</a>

Afsnitene nederst på siden:
<div id="1">Her er Overskrift1</div>
<div id="2">Her er Overskrift2</div>
<div id="3">Her er Overskrift3</div>

Ovenstående virker præcis som det du beskriver :-)

Apo
Avatar billede apo Praktikant
23. juli 2005 - 10:09 #5
Du kan også kalde #-referencerne noget andet. F.eks.:

Linkene øverst på siden:
<a href="#Overskrift1">Overskrift1</a>
<a href="#Overskrift2">Overskrift2</a>
<a href="#Overskrift3">Overskrift3</a>

Afsnitene nederst på siden:
<div id="Overskrift1">Her er Overskrift1</div>
<div id="Overskrift2">Her er Overskrift2</div>
<div id="Overskrift3">Her er Overskrift3</div>

Det virker på samme måde som før...
Avatar billede Helbo-DK Juniormester
23. juli 2005 - 10:16 #6
Jeg siger mange tak. Det hjalp på det... hehe!
Avatar billede apo Praktikant
23. juli 2005 - 10:17 #7
... Eller hvis overskrifterne findes i en tabel, gør du f.eks. således:

<table>
  <tr>
      <td>
        <a href="#Overskrift1">Overskrift1</a>
        <a href="#Overskrift2">Overskrift2</a>
        <a href="#Overskrift3">Overskrift3</a>
      </td>
  </tr>
  <tr>
      <td id="Overskrift1">Her er Overskrift1</td>
  </tr>
  <tr>
      <td id="Overskrift2">Her er Overskrift2</td>
  </tr>
  <tr>
      <td id="Overskrift3">Her er Overskrift3</td>
  </tr>
</table>
Avatar billede apo Praktikant
23. juli 2005 - 10:17 #8
Velbekomme, og tak for points :-)

Apo
Avatar billede jakoba Nybegynder
24. juli 2005 - 07:11 #9
>> apo

Jeg er vildt uenig med dig her. Links og anchors er standard html og burde være det der er MEST crossbrowser.

derudover er et nummer ( i atributten id="1" ) ikke en lovligt CNAME værdi. Den skal starte med et bogstav, og derfeter kan der så komme bogstaver og cifre (ihvertfald Netscape opfører sig underligt når den får sådan et cname.

mvh JakobA
Avatar billede apo Praktikant
24. juli 2005 - 19:53 #10
jakoba > Helt i orden, at du er uenig :-)

Men så vidt jeg husker, fungerer name="etellerandet" ikke i Firefox, hvor id="etellerandet" fungerer.

Omkring cifre i begyndelsen af attributten id="etellerandet", kan jeg godt forestille mig at du har ret. Dog har jeg ikke oplevet problemer i IE og FF.

Apo
Avatar billede taskmgr Nybegynder
24. juli 2005 - 20:19 #11
name fungerer fint nok i Firefox :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester