WebSite X5Help Center

 
C K.
C K.
User

Hover Button Ausrichtung  de

Autor: C K.
Visitado 157, Followers 1, Compartido 0  

Hallo,

Wenn man mit dem Hover Button-Objekt einen Link erstellt, wird der Linktext immer zentriert. Das macht die Ausrichtung, z.Bsp. für linksbündig, extrem schwierig.
Kann man die Linktextausrichtung definieren/ändern oder übersehe ich da etwas?

Danke für Tipp
Claudio

Publicado en
15 RESPUESTAS - 4 úTIL
Daniel W.
Daniel W.
User
Usuario del mes DEUsuario del mes EN

Ich hole mal den Post nach oben, damit er nicht vergessen wird.

Vielleicht können CSS-Experten, die das Objekt "Hover Button" haben, mit CSS-Code helfen.

Leer más
Publicado en de Daniel W.
Siegbert G.
Siegbert G.
User

Hallo Claudio,

ich weiß nicht ob du diese Ausrichtung meinst.

Versuch mal unter 4 Ränder, Ausrichtung.

Leer más
Publicado en de Siegbert G.
C K.
C K.
User
Autor

Vielen Dank, Daniel, sehr nett.

Danke auch dir, Siegbert. Ich habe deine Idee getestet, funktioniert nicht.

Hier ein Beispiel:

1 = Textobjekt, linksbündig
2 = Hover-Button, ohne Änderung
3 = Hover-Button mit Rand links 1, alle anderen Ränder 10
4 = Textobjekt, ohne Änderung


Wenn man nun alle Objekte (die Text) linksbündig ausrichten will, ist das eine ziemlich Bastlerei. Wenn man auch nur Hover-Buttons linksbündig ausrichtigen will, ist das ziemlich nervig, wenn der Linktext in den Buttons unterschiedlich lang ist.

Aber vielleicht sehe ich die Lösung einfach nicht.

Vielen Dank.

Leer más
Publicado en de C K.
Siegbert G.
Siegbert G.
User

Ah, du meinst den Text im Button selber.

Leer más
Publicado en de Siegbert G.
C K.
C K.
User
Autor

Ja, genau. der Linktext im Button. Wenn man z.Bsp. in einer Fusszeile Links platziert und diese linksbündig anordnen will, ist das ziemlich umständlich zu machen.

Leer más
Publicado en de C K.
Daniel W.
Daniel W.
User
Usuario del mes DEUsuario del mes EN

Habe mir mal das Objekt "Hover Button" (8 Credits) gekauft und erfolgreich mit CSS-Code getestet.

Kleine Anleitung:

Im Raster das Objekt "Hover Button" mit einem Klick markieren und oben auf "Code" klicken, hier dann den CSS-Code wie im Screenshot unten einfügen.

.

----- Verwendeter CSS-Code -----

#pluginAppObj_32_10 .flex-container {
justify-content: left;
margin-left: 5px;
}
</style>

Hinweis: Die Zahlen 32_10 sind je nach Nutzer und Objekt unterschiedlich.

----- Screenshot -----

Leer más
Publicado en de Daniel W.
Daniel W.
Daniel W.
User
Usuario del mes DEUsuario del mes EN

Korrektur:

Das </style> beim CSS-Code ist in diesem konkreten Fall ein Fehler und deshalb weglassen.

Leer más
Publicado en de Daniel W.
Daniel W.
Daniel W.
User
Usuario del mes DEUsuario del mes EN

Probleme gibt es bei mehrzeiligen Buttons, siehe

Hier im Beispiel die kürzere 1. Zeile mit geschützten Leerezeichen auffüllen, siehe Screenshot unten, damit es auf der Seite dann so aussieht.

-----

Leer más
Publicado en de Daniel W.
Daniel W.
Daniel W.
User
Usuario del mes DEUsuario del mes EN

Hier noch das geschützte Leerzeichen zum Kopieren:

&nbsp;

Vielleicht haben die CSS-Experte eine Lösung, die ohne geschützte Leerzeichen auskommt.

Leer más
Publicado en de Daniel W.
Bernhard K.
Bernhard K.
User

Hallo Daniel

Wie hast das mit der barrieresachen einbaut? Woher hast das denn? Ist das gesetzeskonform? Was kostet das? Schwer zum einbauen?

Leer más
Publicado en de Bernhard K.
C K.
C K.
User
Autor

Vielen Dank, Daniel! Genau diese Lösung habe ich gesucht und gleichzeit wieder was sehr Hilfreiches dazugelernt. Sehr gut.

Nochmals besten Dank & Gruss

Leer más
Publicado en de C K.
Andreas S.
Andreas S.
Moderator

Hallo Bernhard,

schau mal hier.... LINK

Leer más
Publicado en de Andreas S.
Daniel W.
Daniel W.
User
Usuario del mes DEUsuario del mes EN

Den Link zum kostenlosen Tool hat Andreas schon gepostet.

Kleine Anleitung:

Den kopierten Code des kostenlosen Tools in WebSite X5 unter ...

     1 Einstellugen > Statistiken und Code / Code

        Benutzerdefinierter Code:

        Vor dem </BODY> Tag

             <script src="https://website-widgets.pages.dev/dist/sienna.min.js" defer></script>

... einfügen.

Leer más
Publicado en de Daniel W.
Bernhard K.
Bernhard K.
User

DANKE

Das ist alles umsonst? kaum zu glauben....

Leer más
Publicado en de Bernhard K.