Bild in Tabelle vertikal zentrieren

    Hallo Liebe ZP Anwender,

    ich schaffe es einfach nicht, ein Bild in einer Zelle vertikal zu zentrieren (Zeta Producer 11.1.1 Business). Im Bearbeitungsmodus wird es richtig angezeigt, in der Vorschau sitzt das Bild dann wieder ganz oben... Ich steh' auf der Leitung ?(

    Danke für Eure Hilfe!
    Jörg

    Hallo Jörg,

    ok, Ursache ist eine Angabe "vertical-align:top" in der Datei "styles.css" des Layouts. Diese ist höherwertiger als das valign="middle" bei der Tabelle im Artikel. Um das zu ändern müsstest Du Inline-CSS in die Tabellen-Zelle mit dem Bild einfügen.

    Wechsle dazu bitte in die HTML-Quelltextansicht des Artikels (das Icon <> klicken). In der Tabellen-Zelle <td> mit dem Bild <img> fügst Du "vertical-align:middle" ein. Sollte dann in etwa so aussehen:

    <td style="vertical-align:middle" valign="middle" align="center">
    <img ... />
    </td>

    Das wird vermutlich in mehreren Layouts so der Fall sein. Wir werden die Tabellen-Funktion in den Artikeln daher diesbez. bis zum nächsten Update anpassen müssen. Solange muss der hier aufgeführte Workaround ausreichen.

    Freundliche Grüße
    Steffen T. (Zeta Producer-Support)

    Hallo Steffen!

    Danke für die schnelle Hilfe. Das funktioniert prima!

    Die restlichen Bilder werde ich einfach quadratisch anlegen, d.h. mit entsprechend mehr weißer Arbeitsfläche oben und unten. Im HTML Code rumzupfuschen ist nicht meins ;) Drum habe ich die Software ja gekauft. Freue mich auf's Update...

    Nochmals Danke und Grüße!
    Jörg

    achso ist das, steffen jetzt wird mir einiges klar...

    ich hatte gedacht das formatierung jeglicher art im artikel höherwertiger sind alsdie entsprechenden in der styles css..

    das heißt also wenn ich die styles.css " auschalten" will dann geht das nur über inline css im entsprechenden artikel ....richtig?

    oder sind html formatierungen generell immer nachrangig der css-anweisungen?

    gruss

    wolfgang

    Die Rangfolge dürfte ungefähr so sein:

    • Inline style (also style="..." als HTML Attribut)
    • Eingebettetes CSS in der Seite (CSS Definitionen direkt im Head der Seite)
    • Verlinktes CSS (im Head verlinkte, externe CSS Datei)
    • (veraltete) HTML-Stil-Attribute wie z.B. das "valign" Attribut bei Tabellen etc.

    Höhere Zahl in der Rangfolge bedeutet niedrigere Priorität. 1 schlägt 4 usw.
    (Ausgenommen sind CSS Definitionen (egal wo), die "!Important" beinhalten, was die Priorität entsprechend erhöht)

    Freundliche Grüße
    Stefan S. (Zeta Producer-Support)

    danke stefan, wunderbar
    jetzt wird mir erst recht einiges klar bzgl. der formatierungsprobleme in der vergangenheit...


    gruss
    wolfgang

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden