Text Interner Link

[djschlod]

Hallo

Ich wollte wissen wie es möglich ist wenn ich einen langen Text habe und
ich mache ganz oben eine Aufzählung und will dann innerhalb der Seite,
zu der Über schrift springen wie ist das möglich.

MFG
Djschlod

[planepix]

Hallo,

das kannst du mit Ankern erreichen -> https://wiki.selfhtml.org/wiki/HTML/...terne_Verweise

[djschlod]

Danke soweit werde es ausprobieren.

Kann mir noch jemand sagen wie sich eine Erweiterung nennt
um mehr möglichkeiten bei der Text Bearbeitung zu haben.

MFG

[djschlod]

Hallo habe es probiert aber bekomme es nicht hin.
Das Problem ist der Link springt immer wieder auf die Startseite zurück.

Sogar wenn ich den fertigen von der Seite nehme:

https://wiki.selfhtml.org/wiki/HTML/...terne_Verweise

MFG

[folkfreund]

Schau mal hier - da wird das Thema behandelt:
https://community.contao.org/de/show...-link-erzeugen

[Andreas]

<a href="{{env::request}}#elementID">springe zu element ID</a>

Das liegt an dem BASE-Tag im HEAD.

Editor aufmotzen: https://github.com/cliffparnitzky/TinyMcePluginLoader Musst du aber manuell installieren. Schau auch in die composer.json wegen Abhängigkeiten (require). composer-plugin kannst du dabei vernachlässigen.

[djschlod]

Das funktioniert fast alles jetzt.

habe jetzt aber nur das Problem das, das Ziel vom Anker
immer zu weit oben ist und nicht mehr im Bild.

Gibt es da einen Trick?

Start:   <a href="{{env::request}}#Muss ich">
Ziel:     <a id="Muss ich" class="anker">

[Andreas]

Dazu solltest du einen Link auf das Problem zeigen. Normal ist das nicht. Liegt meistens am CSS.

Auch wenn mittlerweile in HTML5 nahezu alle Zeichen für IDs erlaubt sind (Leerzeichen nicht), würde ich dir doch dazu raten, dich an die alte Konvention zu halten um unerwünschten Nebeneffekten vorzubeugen.

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").

Ich würde sogar noch weiter gehen und nur Kleinbuchstaben benutzen und auf colons und periods verzichten.

Sprungmarken brauchst du nicht extra zu erstellen, du kannst direkt jedes Element mit einer ID anspringen.

[djschlod]

Hier mal ein Link zur Seite


Musste direkt der Bereich sein (Feuerlöscher)

Ich würde sogar noch weiter gehen und nur Kleinbuchstaben benutzen und auf colons und periods verzichten.

Was meinst du mit Colons und Periods

Sprungmarken brauchst du nicht extra zu erstellen, du kannst direkt jedes Element mit einer ID anspringen.

Das vertsehe ich auch nicht habe jetzt ewig Probiert und endlich diese Lösung gefunden aber wenn es einfacher geht gerne

MFG

[Andreas]

Was meinst du mit Colons und Periods

Sorry, aber steht doch in dem blauen Zitat-Block. Doppelpunkt und Punkt, hatte EN gewählt um nochmal auf das Zitat zu referenzieren.

Du solltest dir den Previewbalken oben weg klicken (schließen), sodass du die richtige Seite (ohne iframes) siehst. So kann man mit deinem Link nichts anfangen, weil man sich erst im BE einloggen müsste. Hier die Seite, welche du meintest http://feuerwehr.anja-und-denny.de/i...n-bereich.html.

Du solltest unbedingt die fehlerhaften Namen bei den IDs korrigieren.

Entschuldige bitte, aber du hast da ganz mieses HTML. Du hast jede Menge leere Paragraphs (<p></p>) und unnötige BRs. Dann hast du Tabellen ohne tabellarische Inhalte. Das solltest du besser hinkriegen.

Das mit den Ankern liegt daran, dass die fixierte Hauptnavigation oben darüber hängt. Das bekommt man mit CSS auch nicht so leicht ausgeglichen (fällt mir spontan auf jeden Fall nichts zu ein). Aber wenn du JavaScript fürs Anspringen (Scrollen) benutzen würdest, dann könntest du das mit dem Script ausgleichen und hättest noch einen schönen sanften Sprung(Scroll)effekt.

Du solltest auch nicht den ganzen Inhalt der Seite in ein Inhaltselement packen. Erstelle je "Anspringpunkt" ein eigenes Textelement und gib ihm auch eine Überschrift. Achte auch auf deine Überschriften-Hierarchie (auch wenn SEO-Experten jetzt sagen, das bräuchte man nicht).
Screen-2017-01-18_23-01-55.png

Dann kannst du diesen Inhaltselementen noch eine ID vergeben, welche du dann anspringen kannst und brauchst diese Ankerpunkte nicht - wie diese hier:

<a id="Muss ich" class="anker"></a>

Wenn du je Punkt anstatt eines Elementes sogar einen Artikel anlegst, dann kannst du auch ein Modul Typ "Artikelliste" anlegen, welches dir automatisch die Navigation zu den einzelnen Punkten generiert.

[tschero]

Hi,

eine ID darf kein Leerzeichen haben.

<a id="Muss ich" class="anker"></a>

https://wiki.selfhtml.org/wiki/HTML/...alattribute#id

Gruß
tschero

[tschero]

Dazu solltest du einen Link auf das Problem zeigen. Normal ist das nicht. Liegt meistens am CSS.

Auch wenn mittlerweile in HTML5 nahezu alle Zeichen für IDs erlaubt sind (Leerzeichen nicht), würde ich dir doch dazu raten, dich an die alte Konvention zu halten um unerwünschten Nebeneffekten vorzubeugen.

Ich würde sogar noch weiter gehen und nur Kleinbuchstaben benutzen und auf colons und periods verzichten.

Sprungmarken brauchst du nicht extra zu erstellen, du kannst direkt jedes Element mit einer ID anspringen.

Ups ,

@Andreas

hattest Du ja schon geschrieben.

Gruß
tschero

[mlweb]

Abgesehen von den bereits angesprochenen technischen Fehlern würde ich das Ganze auch anders lösen. Im Moment kommt der Besucher auf die Seite, interessiert sich vielleicht für den zweiten und letzten Punkt. Was macht er? Klick auf den zweiten Punkt und dann weiterscrollen bis zum letzten Punkt oder wieder nach oben Scrollen bzw. über den nach oben Pfeil nach oben scrollen lassen und dann auf letzten Punkt klicken.
Halte ich persönlich für eine suboptimale Lösung.
Für mich wäre hier ein Akkordeon die optimale Lösung.

[Andreas]

Evtl. bieten sich da auch die FAQs an mit Module FAQ-Seite, da kann man auch leicht das Accordion drauf aktivieren.

[mlweb]

Ich muss gestehen, dass ich FAQ noch nie eingesetzt habe. Ich glaube das sollte ich mir demnächst auch mal genauer anschauen.
Danke Andreas für den Denkanstoß.

[Andreas]

Ja, FAQ ist im Prinzip so wie News und Events, nur ohne diese Besonderheiten, welche News und Events betreffen - also ohne Optimierung auf chronologische Darstellung. Und ohne die Möglichkeit CEs aufzusetzen, kannst also nur die vorhandenen Felder einsetzen (kann man natürlich aufmotzen). Hat List und Reader-Modul. Und irgendwann wurde dann ein oft angefragtes Feature umgesetzt, sodass man Liste und Navigation auf einer Seite hat, um z.B. Accordions oder Tabs aufzusetzen - Modul FAQ-Seite. Wobei man das wahrscheinlich auch vorher schon hätte machen können mit ner Templateanpassung.