Button-Anordnung auf verschiedenen Geräten 
Autore: Dietmar G.
Visite 38,
Followers 0,
Condiviso 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
Postato il
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
-----
-----
Autore
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) -----
Autore
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/it/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.