Button-Anordnung auf verschiedenen Geräten 
Autor: Dietmar G.
Visited 232,
Followers 1,
Udostępniony 0
Ich habe für die Website zwei Button am unteren Seitenende eingefügt, einen WEITER-und einen ZURÜCK-Button. Während im PC/Desktop- sowie im Tablet-Quermodus die Button auf gleicher Ebene liegen, werden im Handy- und Tablet-Hochkantmodus diese beiden Button in unterschiedlicher Höhe angezeigt, je nachdem in welcher Reihenfolge sie im Responting numeriert wurden. Ich kann aber pro Zelle nur einen Button unterbringen. Gibt es hierfür eine Lösung? Wäre nett, wenn ja
VG Dietmar
Posted on the
Im Raster können auch 2 Buttons nebeneinander platziert werden, weiter ist nichts zu machen.
Meine Testseite >> https://findelinks.de/123test-aufklappmenue-2/button-und-hover-button.html
-----
-----
Autor
Vielen Dank für sie schnelle Antwort, nur leider steckt der Teufel im Detail. Anbei das Raster, welches ich für diese Website habe - mal mehr, mal wenbiger Spalten. Dein Hinweis ist bei mir vorhanden. Aber offenbar liegt es daran , wenn mehr als 2 Spalten benutzt werden.
Oder gibt es noch einen anderen Trick? Auch wenn die anderen Raster neben den Button leer bleiben, funzt es nicht bei mir.
VG Dietmar
Füge unter 2 responsives Design unter 480px noch einen ein mit 320px.
Ich habe mal das Raster nachgebaut, siehe Testseite
>> https://findelinks.de/123test-aufklappmenue-2/seite-177.html
Es liegt wohl daran, dass WebSite X5 automatisch einen Umbruch hinzufügt, siehe Screenshot (1)
Also bei "Responives Design" einen Umbruchpunkt mit 360 hinzufügen, siehe Screenshot (2)
----- (1) -----
----- (2) -----
Autor
Danke für den Hinweis, ist in Evo leider nicht möglich, nur in Pro
VG Dietmar
Wenn die Evo-Version auch das Objekt "HTML Code" hat, dann diese Möglichkeit nutzen, siehe
>> https://helpcenter.websitex5.com/pl/post/274690 (der 2.Post von mir)
.
Den CSS-Code so belassen oder bei Bedarf anpassen. Beim HTML-Code diesen verwenden, siehe
----- HTML-Code geändert (fett markierte Teile ändern) ----
<a href="https://www.google.de" class="button-link"><span class="button-text button-text-gross">Google</span></a>
<a href="https://www.bing.com" class="button-link"><span class="button-text button-text-gross">Bing</span></a>
Mit geschützten Leerzeichen für Abstand zwischen den Buttons sorgen, siehe
----- Screenshot -----
Beim Objekt "HTML Code":
Den HTML-Code bei "HTML-Code" einfügen und den CSS-Code bei "Erweitert" einfügen.
Autor
Danke, Gute Idee. Da hatte ich nicht daran gedachte :-) Ist zwar etwas umständlicher, da jede Seite nun selbst definiert werden muss, was bisher über ein Auswahlmenü einfachetr war. Gerade bei Änderungen des Seitenaufbaus und bei Verschieungen innerhalb der Struktur erfolgt das nicht mehr automatisch. Lösung wäre auch, Zurück-Button oben und Weiter-Button am Ende, könnte aber das Aussehen stören. Muss ich testen.
VG Dietmar
Eine Möglichkeit wären ganz normale Links mit "Zurück" und "Weiter" im Text-Objekt, siehe
Meine Testseite >> https://findelinks.de/123test-aufklappmenue-2/seite-177.html
Vorteil: Es kann die normale Verlinkung zu den Seiten in der Sitemap genutzt werden.
Kleine Anleitung:
1) Linknamen mit 3 Leerzeichen davor und danach sowie Leerzeichen dazwischen als Abstand.
2) Linknamen mit den Leerzeichen davor und danach markieren und Hintergrundfarbe zuweisen.
3) Linkeinstellung - Link nicht unterstrichen, siehe Screenshot (2)
----- (1) -----
----- (2) -----
Nachtrag:
Die beiden Links inkl. der Leerzeichen werden markiert und dann zentriert.
-----
Autor
Nochmals vielen Dank für Eure Unterstützung. Wie bereits geschrieben würde die Umstellung auf HTML-Script mörderisch viel Arbeit bedeuten, da jetzt bereits 46 Seiten fertig sind und es noch mehr werden. Würde demnach bedeuten, für jede einzelne VOR-ZURÜCK-Aktion immer wieder einen anderen Link einfügen zu müssen, den ich über die Button-Funktion schneller einstelle. Ich habe daher zu einer anderen Lösung gegriffen, da es ja nur die Handy-Auflösung betrifft und ich nicht glaube und je gesehen habe, dass jemand sein Tablet bei Websitebesuchen hochkant hält. Hier meine Lösung mit zweifarbiger versetzter Posisition:
Autor
Nochmals vielen Dank für Eure Unterstützung. Wie bereits geschrieben würde die Umstellung auf HTML-Script mörderisch viel Arbeit bedeuten, da jetzt bereits 46 Seiten fertig sind und es noch mehr werden. Würde demnach bedeuten, für jede einzelne VOR-ZURÜCK-Aktion immer wieder einen anderen Link einfügen zu müssen, den ich über die Button-Funktion schneller einstelle. Ich habe daher zu einer anderen Lösung gegriffen, da es ja nur die Handy-Auflösung betrifft und ich nicht glaube und je gesehen habe, dass jemand sein Tablet bei Websitebesuchen hochkant hält. Hier meine Lösung mit zweifarbiger versetzter Posisition:
Bei allen anderen Auflösungen stehen die Button in gleicher Linie!
VG Dietmar
... (It > De) ... Entschuldigung, vielleicht habe ich etwas übersehen. Wie lautet der Link zu der Seite, auf der ich das überprüfen/auswerten kann...?...
.
ciao
.
Autor
Die Seite gibt es noch nicht im Netz, da ich offline daran arbeite.
VG Dietmar
... OK ... ciao