WebSite X5Help Center

 
Joerg F.
Joerg F.
User

Mehrere Button gleichmäßig in eine Zeile anordnen  de

Autor: Joerg F.
Besucht 511, Followers 1, Geteilt 0  

Hallo,

es existiert eine Seite, welche Youtube-Videos aufzeigt mit Neuerungen in den Produkten.

https://prosoftgera.de/mesonic-videos.html

Hier ist nun eine neue Version erschienen und ich soll entsprechend die Videos und Texte austauschen.

Die Produkte lassen sich in unterschiedliche "Module" unterteilen.

Zum schnelleren Navigieren möchte ich gerne auf der Seite eine Art "Menü" haben.

Ich habe es mit normalen Button und entsprechenden Ankern gelöst.

Bzgl. dem Problem mit der StickyBar habe ich vor dem eigentlichen Ankerpunkt noch ein Textobjekt mit einer Leerzeile eingefügt und dort den Ankerpunkt gesetzt. Dadurch überdeckt die Stickybar nicht mehr meinen Text.

Nun kann ich zwar die "Boxen" per Innen und Außenrand anpassen und den Button entsprechend links,rechts oder zentriert platzieren. Aber ich kriege es nicht hin, dass alle Button (in meinem Fall 4 Stück) gleichmäßig nebeneinder stehen.

In meinem Kopf, denke ich mir, dass ich die 4 Button in eine Box stecken müssten, damit ich die Anordnung wie gewünscht umsetzen kann. Außerdem habe ich herrausgefunden, wenn ich dann diese Box "position:fixed" setze, dass ich damit dann auch eine Art "StickyBar" erhalte?

Leider fehlt mit das nötige Know-How um meine Vorstellung in die Tat umzusetzen und würde mich freuen, wenn mir jemand einen Tipp geben könnte.

Viele Grüße

Gepostet am
4 ANTWORTEN - 1 NüTZLICH
Franz-Josef H.
Franz-Josef H.
Moderator

Bei dem Standard-Button kann man die Breite nicht einstellen; sie passt sich automatisch an die Textgröße an.  Du könntest aber im Objektstil im Reiter "Text" einen Text eingeben, der die passende Größe des Buttons einstellt. Dem Text weist Du die gleiche Farbe zu wie die Hintergrundfarbe des Buttons, damit er nicht mehr sichtbar ist. Den gleichen Text musst Du dann bei den anderen Buttons ebenfalls einfügen. Damit sollten die Buttons gleich groß sein. Ich hoffe, das hilft Dir weiter.

Mehr lesen
Gepostet am von Franz-Josef H.
Joerg F.
Joerg F.
User
Autor

Hallo Franz-Josef,

diesen "Workaround" habe ich auch schon gefunden, aber dann fehlt mir der MouseOver-Effekt.

Es wurden mit Credits mehrere Button-Versionen gekauft, aber leider finde ich nirgendwo entsprechende Funktionen.

Den Standard-Button habe ich jetzt erstmal per &nbsp&nbsp&nbsp&nbsp&nbspBI&nbsp&nbsp&nbsp&nbsp&nbsp "breiter" gemacht und spiele jetzt damit etwas herum....

Würde mich über weitere Ideen freuen.

Grüße

Mehr lesen
Gepostet am von Joerg F.
Franz-Josef H.
Franz-Josef H.
Moderator

Ich habe selbst den Animated Button (5 Credits) im Einsatz, bei dem funktioniert die Breiteneinstellung.

Mehr lesen
Gepostet am von Franz-Josef H.
Joerg F.
Joerg F.
User
Autor

Ich danke dir Franz-Josef!

Das war der entscheidende Hinweis.

Mit dem Animated Button und Background Fade bin ich mehr als zufrieden!

Grüße

Mehr lesen
Gepostet am von Joerg F.