WebSite X5Help Center

 
C K.
C K.
User

Hover Button Ausrichtung  de

Autor: C K.
Visited 88, Followers 1, Udostępniony 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

Posted on the
14 ODPOWIEDZI - 4 USEFUL
Daniel W.
Daniel W.
User
Najlepszy Użytkownik miesiąca DENajlepszy Użytkownik miesiąca 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.

Czytaj więcej
Posted on the from Daniel W.
Siegbert G.
Siegbert G.
User

Hallo Claudio,

ich weiß nicht ob du diese Ausrichtung meinst.

Versuch mal unter 4 Ränder, Ausrichtung.

Czytaj więcej
Posted on the from 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.

Czytaj więcej
Posted on the from C K.
Siegbert G.
Siegbert G.
User

Ah, du meinst den Text im Button selber.

Czytaj więcej
Posted on the from 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.

Czytaj więcej
Posted on the from C K.
Daniel W.
Daniel W.
User
Najlepszy Użytkownik miesiąca DENajlepszy Użytkownik miesiąca 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 -----

Czytaj więcej
Posted on the from Daniel W.
Daniel W.
Daniel W.
User
Najlepszy Użytkownik miesiąca DENajlepszy Użytkownik miesiąca EN

Korrektur:

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

Czytaj więcej
Posted on the from Daniel W.
Daniel W.
Daniel W.
User
Najlepszy Użytkownik miesiąca DENajlepszy Użytkownik miesiąca 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.

-----

Czytaj więcej
Posted on the from Daniel W.
Daniel W.
Daniel W.
User
Najlepszy Użytkownik miesiąca DENajlepszy Użytkownik miesiąca EN

Hier noch das geschützte Leerzeichen zum Kopieren:

&nbsp;

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

Czytaj więcej
Posted on the from 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?

Czytaj więcej
Posted on the from 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

Czytaj więcej
Posted on the from C K.
Andreas S.
Andreas S.
Moderator

Hallo Bernhard,

schau mal hier.... LINK

Czytaj więcej
Posted on the from Andreas S.
Daniel W.
Daniel W.
User
Najlepszy Użytkownik miesiąca DENajlepszy Użytkownik miesiąca 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.

Czytaj więcej
Posted on the from Daniel W.