Webdesign in Siegen

An spezielle stelle auf einer Seite "springen"

Fragen zum Thema HTML und CSS können hier gestellt werden

Moderatoren: Basti, Ingo

An spezielle stelle auf einer Seite "springen"

Beitragvon Summernoon am 10.02.2008, 14:34

Hallo,
Code: Alles auswählen
<li><a href="">Erste Schritte</a></li>
      <ul>
          <li><a href="">Unterpunkt1</a>
          <li><a href="">Unterpunkt2</a>
     </ul>


Ich möchte ein Tutorial schreiben. Allerdings nicht für jeden Punkt im Inhaltsverzeichnis eine neue html Seite erstellen.
Habe schon Oft gesehen das man irgendwie angeben kann zu welcher Position der Seite man über <a> oder so geleitet wird.

Weiß jemand wie sowas funktioniert ?

mfg
Summernoon
Summernoon
Mitglied
 
Beiträge: 157
Registriert: 06.11.2007

Re: An spezielle stelle auf einer Seite "springen"

Beitragvon Dac-XP am 10.02.2008, 14:44

Das geht ganz einfach mit einem Ankerpunkt.

Der Link:
Code: Alles auswählen
<a href="#anker">Link</a>


Der Ankerpunkt (an der Stelle, zu der du springen möchtest):
Code: Alles auswählen
<a name="anker">Hierhin wird gesprungen...</a>
Benutzeravatar
Dac-XP
Mitglied
 
Beiträge: 1906
Registriert: 23.06.2005
Wohnort: Mönchengladbach / NRW

Re: An spezielle stelle auf einer Seite "springen"

Beitragvon mib-films am 10.02.2008, 14:49

Ich denke was du meinst sind Anker. Dabei erstellst du einen Link zu einem Punkt im selben Projekt. Dabei kannst du das folgendermaßen machen. Erst gibst du der Überschrift, oder irgendetwas ähnlichem, zu dem du springen willst einen name.

Beispiel:
Code: Alles auswählen
<h1 name="punkteins">Überschrift</h1>

oder es funktioniert auch so:
Code: Alles auswählen
<h1 id="punkteins">Überschrift</h1>


Jetzt musst du nur noch dem Link sagen dass er zu "punkteins" verlinken soll,... das geht folgendermaßen.

Code: Alles auswählen
<p> Hier kommt ihr zu <a href="#punkteins"> Überschrift 1 </a> </p>


Dabei ist wichtig den "Gartenzaun" vor dem Namen zu schreiben. Wenn du aber auf einen Anker auf einer anderen Seite verlinken willst geht das so:

Code: Alles auswählen
<a href="http://www.internetadresse.de/verzeichnis/seitenname.html#punkteins">LINK<a>


Ich hoffe ich konnte dir helfen.
mfg Mike

PS: War wohl ein wenig zu spät ;)
Benutzeravatar
mib-films
Mitglied
 
Beiträge: 50
Registriert: 04.02.2008

Re: An spezielle stelle auf einer Seite "springen"

Beitragvon Ingo am 10.02.2008, 15:00

:lol: Ich hatte auch schon nen Beitrag auf der Pfanne liegen, mit demselben Inhalt -
glücklicherweise hab ich's noch rechtzeitig bemerkt, dass Dac-XP schneller war. :thumbsup:
Die beste Browserweiche ... sitzt zwischen den Ohren ;o]
Benutzeravatar
Ingo
Moderator
 
Beiträge: 636
Registriert: 01.04.2007
Wohnort: Neuss/NRW

Re: An spezielle stelle auf einer Seite "springen"

Beitragvon Summernoon am 10.02.2008, 15:53

ich glaub ich weiß warum ich das Forum hier so mag ^^

danke
mfg
Summernoon
Summernoon
Mitglied
 
Beiträge: 157
Registriert: 06.11.2007


Zurück zu HTML/CSS

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast