Vertikale Zentrierung in Tabelle funktioniert nicht

    Hallo,

    ich habe gerade angefangen mit ZETA Producer zu arbeiten und bin auf folgendes Problem gestoßen:

    In einer Tabelle soll pro Zeile ein Bild und in weiteren Spalten Text vertikal zentriert angeordnet werden. an manchen Stellen tut das, wie z.B. hier

    http://www.otocure.de/gleichgewichtstraining.html


    An anderen Stellen geht es wiederum nicht, wie z.B. hier

    http://www.otocure.de/audiometrie-kopfhoerer.php


    gehts aber nicht. Wobei

    • der Editor in ZETA das richtig darstellt
    • wenn ich den HTML Quelltext aus dem editor heraus kopieren und in eine eigene html Datei packe, wird dies auch im Browser richtig dargestellt.


    Es scheint mir also irgendwie mit dem umgebenden Quelltext der Seite zusammen zu hängen. Weiß da jemand weiter?

    Viele Grüße,
    Sven

    Hallo Sven,

    das liegt daran, dass im css für das Layout (http://www.otocure.de/_media/styles.css) in Zeile 69 ein vertical-align: top; eingestellt ist.

    Du könntest nun entweder das CSS ändern, was sich aber dann auf all Deine Tabellen auswirken würde, oder im Quelltext der Tabelle mit dem Bild in den entsprechenden Tabellen-Zellen noch einen style="vertical-align: middle" hinzufügen, also z.B. so:


    Code
    <tr>
<td valign="middle" style="vertical-align: middle;"><a href="wa1-ar4.php">WA1.AR4</a></td>
<td valign="middle" style="vertical-align: middle;"><a href="wa1-ar4.php">Sennheiser HDA 280 mit MiniDIN Stecker und Speicher</a></td>
<td valign="middle" style="vertical-align: middle;"><a href="wa1-ar4.php"><img style="width: 77px; height: 49px" title="" border="0" alt="" src="media/images/HDA280_MiniDIN8pol_320.png" width="116" height="85"></a></td>
</tr>


    Ich hoffe das hilft Dir weiter.

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

    Herzlichen Dank! Ich hab das style-attribut an einer Stelle ausprobiert und das klappt so.
    Vielen Dank für die schnelle Hilfe!
    Viele Grüße,
    Sven

    Hallo Stefan, ich habe das gleiche Problem mit dem Layout Simple-Responsive. Kann iich das auch aendern indem ich den Quellcode aendere? Wenn ja wie kann ich auf den Quellcode zugreifen?

    Danke

    Hallo,

    ja, Sie fügen ebenfalls dem Quellcode einfach das Attribut style="vertical-align: middle" hinzu. Den Quellcode erhalten Sie, wenn Sie im Artikeleditor oben in der Leiste auf das kleine Icon (<>) klicken.

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

    Danke Herr Seiz

    Bin leider nicht so versiert mit HTML da Zeta einem das ja fast zu 100% abnimmt. Wo genau im HTML Code muss ich diese Zeile eingeben.
    Anbei die ersten Zeilen meines HTML Code


    <p align="left">Thanks to my wonderful sponsors! I extend&nbsp;my
    sincere appreciation to my sponsors, without whom many of my
    exhibitions were not to be possible. We invite you to support these
    art-minded organizations.</p>
    <p align="left" />
    <table cellspacing="4" cellpadding="4" border="0">
    <tbody>
    <tr>
    <td valign="middle" align="center"><a href="http://www.villaroyalephuket.com/" target="_blank"><img title="[$=Context.Scope.CurrentWebProject.AssetManager.GetImageAssetDescriptionByUniqueID( &quot;{01d4d98e-3863-4581-8036-7afe9d176c26}&quot; )$]" border="0" alt="[$=Context.Scope.CurrentWebProject.AssetManager.GetImageAssetDescriptionByUniqueID( &quot;{01d4d98e-3863-4581-8036-7afe9d176c26}&quot; )$]" src="file:///C:/Users/Walter/Documents/Zeta%20Producer%2011/Projects/Christiane%20Wyler/web/media/images/c0b55cb468b64be78ab53a7882a2eb4e.gif" /></a></td>
    <td valign="middle" align="center">
    <p align="center"><a href="http://www.thephuketnews.com/" target="_blank"><img title="[$=Context.Scope.CurrentWebProject.AssetManager.GetImageAssetDescriptionByUniqueID( &quot;{6e5823c5-93e6-45ae-8a99-dbd7278c8f3f}&quot; )$]" style="height: 21px; width: 90px" border="0" alt="[$=Context.Scope.CurrentWebProject.AssetManager.GetImageAssetDescriptionByUniqueID( &quot;{6e5823c5-93e6-45ae-8a99-dbd7278c8f3f}&quot; )$]" src="file:///C:/Users/Walter/Documents/Zeta%20Producer%2011/Projects/Christiane%20Wyler/web/media/images/60e074e2535c44edacad0732b2838270.jpg" width="82" height="14" /></a></p>
    </td>
    </tr>
    <tr>
    <td valign="middle" align="center">
    <p align="center"><a href="http://www.mercedes-benz.com.sg/content/singap…k:passengercars" target="_blank"><img title="[$=Context.Scope.CurrentWebProject.AssetManager.GetImageAssetDescriptionByUniqueID( &quot;{8563a642-a205-4b8b-800c-2f686d4ab810}&quot; )$]" border="0" alt=

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden