Anker in einer Tabelle geht das?
Auteur : Reinhard N.
Visité 2124,
Followers 1,
Partagé 0
Hallo und Guten Tag,
ich habe eine Tabelle auf meiner Seite die Dynamisch sein wird. Das Dingen wird mit der Zeit länger. Um das Scrollen zu verkürzen möchte ich Anker setzen, die über eine Auflistung über der Tabelle zu selektieren sind.
Ich lese hier in den Beiträgen aus der Vergangenheit, das dieses nicht mit Anker zu realisieren ist. Jetzt erhoffe ich mir einen Tipp zu erhaschen wie ich das doch umsetzen kann.
Habe einen Testseite angelegt :https://www.schlossstadtsaenger.de/TestTabelle/ unter Sammlung
Danke für Eure Unterstützung
Rei.a.Vel
Posté le
Das geht nur wenn du für jeden Buchstaben eine Tabelle anlegst und dieses Tabellen Objekt mit einem Anker versiehst. Dann kannst du die ABC Liste oben verlinken mit dem Anker.
Oder du löst es so ???
Ich verwende diese Art von Anker und man kann sie Punktgenau steuern.
HTML 1:
<a href="datenschutz.html#cookies">HIER in der Datenschutzerklärung.</a> = Link in der Liste (muss nach bedarf angepasst werden).
HTML 2:
<div class="anchor-cookies" id="cookies"></div> = Anker in der Tabelle (muss nach bedarf angepasst werden).
CSS:
.anchor-googlemaps { position:relative; top:-55px }
.anchor-cookies { position:relative; top:-100px }
.anchor-kontaktformular { position:relative; top:-100px }
.anchor-produkte { position:relative; top:-80px }
.anchor-details { position:relative; top:-100px }
Setze den Html_1-Teil in die Liste (muss nach bedarf angepasst werden).
Setze den Html_2-Teil dahin wo der Anker hinspringen soll (muss nach bedarf angepasst werden).
Erstelle eine TXT Datei und benenne die Endung in CSS und kopiere den CSS Teil darein (zum bearbeiten verwende dann bitte Notepad++ (kostenlos).
In der CSS in der Klammer bei top:-100px den Wert soweit abändern bis die Punklandung passt.
Und das kannst du unentlich vortsetzen
Gruß
MCMACMASTER
(It > De) ... die Tabelle mit dem HTML-Code mit der Schaltfläche [</>] aktivieren;
... in der ersten Zelle der Tabelle, die verankert werden soll, erstellen Sie den Anker auf diese Weise, indem Sie Folgendes eingeben:
<a id="Anchor1"> </a>
in der zweiten Zelle: <a id="Anchor2"> </a>
... usw., um die anderen Ankerpunkte zuzuweisen.
Zum Erstellen von Linkeinträgen oder Ankerlinks müssen Sie die Option >Datei oder URL | URL oder Datei im Internet und geben dann die Adresse (URL) der gewünschten Ressource an.:
... für den ersten Anker:
#Anker1
... für den zweiten Anker:
#Anker2
... usw. für die anderen Links / Anker
... ein> Beispiel
... ciao...
.