WebSite X5Help Center

 
Marcel Panzenhagen
Marcel Panzenhagen
User

Textfeld vertikal nicht zentrieren sondern oben ausrichten  de

Autor: Marcel Panzenhagen
Besucht 445, Followers 1, Geteilt 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?

Gepostet am
4 ANTWORTEN
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.

Mehr lesen
Gepostet am von Franz-Josef H.
Andreas S.
Andreas S.
Moderator

Da fehlt ein "p"  

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

Mehr lesen
Gepostet am von Andreas S.
Marcel Panzenhagen
Marcel Panzenhagen
User
Autor

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.

Mehr lesen
Gepostet am von Marcel Panzenhagen
Daniel W.
Daniel W.
User
Nutzer des Monats DENutzer des Monats EN

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.

Mehr lesen
Gepostet am von Daniel W.