Hover Button Ausrichtung 
Autor: C K.
Besucht 270,
Followers 1,
Geteilt 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
Gepostet am
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.
Hallo Claudio,
ich weiß nicht ob du diese Ausrichtung meinst.
Versuch mal unter 4 Ränder, Ausrichtung.
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.
Ah, du meinst den Text im Button selber.
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.
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 -----
Korrektur:
Das </style> beim CSS-Code ist in diesem konkreten Fall ein Fehler und deshalb weglassen.
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.
-----
Und hier noch meine Testseite zum Anschauen, siehe
>> https://findelinks.de/123test-aufklappmenue-2/seite-38.html
Bei Bedarf kann ich dort weitere Tests machen, um Lösungen für verschiedene Texte zu finden.
Hier noch das geschützte Leerzeichen zum Kopieren:
Vielleicht haben die CSS-Experte eine Lösung, die ohne geschützte Leerzeichen auskommt.
Hallo Daniel
Wie hast das mit der barrieresachen einbaut? Woher hast das denn? Ist das gesetzeskonform? Was kostet das? Schwer zum einbauen?
Autor
Vielen Dank, Daniel! Genau diese Lösung habe ich gesucht und gleichzeit wieder was sehr Hilfreiches dazugelernt. Sehr gut.
Nochmals besten Dank & Gruss
Hallo Bernhard,
schau mal hier.... LINK
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.
DANKE
Das ist alles umsonst? kaum zu glauben....