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
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
Hallo,
das kannst du mit Ankern erreichen -> https://wiki.selfhtml.org/wiki/HTML/...terne_Verweise
---------------------------------
Beste Grüße planepix
Contao für Webdesigner (Website), Twitter: @contaowebdesign
weitzeldesign
Contao-Sprechstunde
Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
Contao Jahrbuch: www.contao-jahrbuch.de
Contao Agenturtag: www.contao-agenturtag.de
Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki
Schon wieder ein Update?
Glücklich sind die, die den Wert erkennen – und wertschätzen.
„Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”
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
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
Schau mal hier - da wird das Thema behandelt:
https://community.contao.org/de/show...-link-erzeugen
Das liegt an dem BASE-Tag im HEAD.HTML-Code:<a href="{{env::request}}#elementID">springe zu element ID</a>
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.
Bitte!
Vor Anfragen im Forum HTML validieren.
Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.
Vielen Dank an alle Wunschlistenerfüller
Andreas Burg, Web Solutions
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?
Code:Start: <a href="{{env::request}}#Muss ich"> Ziel: <a id="Muss ich" class="anker">
Geändert von djschlod (18.01.2017 um 19:41 Uhr)
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.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 (".").
Sprungmarken brauchst du nicht extra zu erstellen, du kannst direkt jedes Element mit einer ID anspringen.
Bitte!
Vor Anfragen im Forum HTML validieren.
Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.
Vielen Dank an alle Wunschlistenerfüller
Andreas Burg, Web Solutions
Hier mal ein Link zur Seite
Musste direkt der Bereich sein (Feuerlöscher)
Was meinst du mit Colons und PeriodsIch würde sogar noch weiter gehen und nur Kleinbuchstaben benutzen und auf colons und periods verzichten.
Das vertsehe ich auch nicht habe jetzt ewig Probiert und endlich diese Lösung gefunden aber wenn es einfacher geht gerneSprungmarken brauchst du nicht extra zu erstellen, du kannst direkt jedes Element mit einer ID anspringen.
MFG
Geändert von djschlod (22.01.2017 um 20:46 Uhr)
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:
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.HTML-Code:<a id="Muss ich" class="anker"></a>
Bitte!
Vor Anfragen im Forum HTML validieren.
Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.
Vielen Dank an alle Wunschlistenerfüller
Andreas Burg, Web Solutions
Hi,
eine ID darf kein Leerzeichen haben.
https://wiki.selfhtml.org/wiki/HTML/...alattribute#idCode:<a id="Muss ich" class="anker"></a>
Gruß
tschero
Geändert von tschero (19.01.2017 um 06:21 Uhr)
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.
Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
Unterstütze bitte das Contao-Projekt (Button Links)
Weitere Spendenmöglichkeiten
------------------------------------------------------------------------------------------------------
Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
Contao-Online-Video-Kurse: Contao Academy
Funktionalität erweitern: Contao-Erweiterungen
Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.
Evtl. bieten sich da auch die FAQs an mit Module FAQ-Seite, da kann man auch leicht das Accordion drauf aktivieren.
Bitte!
Vor Anfragen im Forum HTML validieren.
Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.
Vielen Dank an alle Wunschlistenerfüller
Andreas Burg, Web Solutions
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ß.
Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
Unterstütze bitte das Contao-Projekt (Button Links)
Weitere Spendenmöglichkeiten
------------------------------------------------------------------------------------------------------
Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
Contao-Online-Video-Kurse: Contao Academy
Funktionalität erweitern: Contao-Erweiterungen
Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.
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.
Bitte!
Vor Anfragen im Forum HTML validieren.
Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.
Vielen Dank an alle Wunschlistenerfüller
Andreas Burg, Web Solutions
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
Lesezeichen