• Hallo,

    ich habe aktuell das Problem, dass ich es nicht hinbekomme den Text vertikal zu zentrieren.

    Ich habe es bereits im SiteOriginEditor und im Visual Editor probiert.
    Dazu habe ich in der rechten Spalte unter CSS Styles den Code
    vertical-align: middle
    eingetragen.

    Wieso geht das nicht.
    Wo liegt der Trick ?

    Danke im Vorraus.

Ansicht von 5 Antworten – 1 bis 5 (von insgesamt 5)
  • Vertikales Zentrieren ist in CSS eine kniffelige Sache. Mit vertical-align: middle alleine ist es nicht getan, weil die Fensterhöhe des Browsers unbekannt ist. Siehe dazu auch https://css-tricks.com/centering-css-complete-guide/

    Abgesehen davon, ist es aber auch gar nicht vorgesehen, dass im Beitrags-/Seiten-Editor derartige Formatierungen vorgenommen werden. Die Versuche, dem Nutzer dafür visuelle Instrumente in die Hand zu geben sind deshalb auch nicht unumstritten. (Mich erinnert das sehr stark an Microsoft FrontPage, dass auch einen visuellen Ansatz verfolgte und dabei gruseligen HTML-Code erzeugte.)

    Nach meiner Auffassung gehören solche Anpassungen in ein Theme bzw. benutzerdefiniertes CSS.

    Wie Mario geschrieben hat: Vertikales Einmitten ist eine knifflige Angelegenheit.

    Es gibt dafür verschiedene „Strategien“. Es kommt darauf an, was Du konkret machen möchtest.

    Vielleicht kannst Du den Link zur Website angeben.

    Thread-Starter mixfreak

    (@mixfreak)

    Danke für die Antworten.

    ich habe es nun so einigermaßen hinbekommen, wie es in dem Link von Bego Mario Garde beschrieben wird.

    Danke !

    link zu meiner Seite

    Ziemlich weit unten, wo der Text neben dem Bild dargestellt wird.

    Also zentriert ist es jetzt.
    Allerdings bekomme ich den Rahmen nicht weg.

    <table style="height: 300px;" width="auto">
    <tbody>
    <tr>
    <td>text text text text text text text</td>
    </tr>
    </tbody>
    </table>

    CSS Style, welches ich rechts eingegeben habe:

    table {
    width: auto;
    height: 300px;
    vertical-align: middle;
    }
    
    table td {
    vertical-align: middle;
    }

    Der Rahmen wir ab Zeile 591 definiert

    th, td {
        border: 1px solid #333;
        padding: 5px;
        text-align: center;
    }

    Da kannst Du für border den Wert „none“ verwenden.

    Thread-Starter mixfreak

    (@mixfreak)

    Ah okay. Danke!

    Gibts auch ne Möglichkeit das in dem Widget Style zu änern.

    Vielleicht ein Befehl, dass der Style aus dem Widget genutzt wird, statt aus der Style.css ?

Ansicht von 5 Antworten – 1 bis 5 (von insgesamt 5)
  • Das Thema „Vertikales zentrieren“ ist für neue Antworten geschlossen.