WebSite X5Help Center

 
Marcel Panzenhagen
Marcel Panzenhagen
User

Textfeld vertikal nicht zentrieren sondern oben ausrichten  de

Author: Marcel Panzenhagen
Visited 795, Followers 1, Shared 0  

Hallo zusammen,

folgendes Problem. Ich habe auf einer Seite drei Text-Spalten mit unterschiedlichen Texten nebeneinander.

Die Texte sind unterschiedlich lang. In der Vertikalen Ausrichtung sind die Textfelder zentriert, was dazu führt, dass die Überschriften und der Text nicht auf einer Linie sind.

Jetzt habe ich mir zunächst damit beholfen, einfach Leerzeilen einzufügen, damit überall gleich viele Zeilen enthalten sind. Funktioniert in der Ansicht, für die man das macht, aber nicht mehr in anderen Ansichten, bzw. dann sieht das dämlich aus, weil dann in der Handy-Ansicht einfach viel zu viel Platz zwischen den Texten entsteht.

Die Textfelder horizontal (also rechtsbündig, linksbündig und zentriert) ausrichten ist leicht zu finden, aber gibt es eine Möglichkeit das auch mit der Vertikalen (also oben, unten und zentriert) zu machen?

Posted on the
4 ANSWERS
Franz-Josef H.
Franz-Josef H.
Moderator

Vielleicht hilft Dir folgendes weiter: Du musst zuerst im Textobjekt den HTML-Code aktivieren.

Dann gibst Du dein Text so ein, wie im folgenden Beispiel:

<p style="vertical-align:middle!important;">dein text... </>

Das musst Du in allen betroffenen Text-Objekten machen.

Read more
Posted on the from Franz-Josef H.
Andreas S.
Andreas S.
Moderator
Best User of the month DE

Da fehlt ein "p"  

<p style="vertical-align:middle!important;">dein text... </p>

Read more
Posted on the from Andreas S.
Marcel Panzenhagen
Marcel Panzenhagen
User
Author

Tja, so halb funktioniert das. Für den Textbereich schon, aber jedes Textfeld hat auch eine Überschrift - hier funktioniert es nicht. Auf die Textfelder hat es zwar eine Auswirkung, aber trotzdem sind die drei Texte auf einer Höhe.

Read more
Posted on the from Marcel Panzenhagen
Daniel W.
Daniel W.
User

Ich weis nicht, ob ich verstehe was damit bezweckt werden soll.

Vielleicht statt <p> für den Text ein <div> für Überschrift und Text probieren.

Sonst einen Screenshot oder eine Vergleichseite mit der Wunschformatierung posten.

Read more
Posted on the from Daniel W.