Alex: Image in Tabellenzelle: Wo ist der Fehler?

SELF-Forum

Image in Tabellenzelle: Wo ist der Fehler?

Alex
– Informationen zu den Bewertungsregeln

Hallo an alle!
Eigentlich sollte das doch ganz einfah sein, aber irgendwie finde ich den Fehler nicht: In einer zweispaltigen Tabelle sollen links Bilder-Links stehen und rechts ein längerer Beschreibungstext. Die Bilder sollen jeweils auf der gleichen Höhe beginnen wie der ihnen zugeordnete Text.

Bei mir werden die Bilder aber je nach der Größe der Textzelle (die Bilder sind in der Höhe kleiner als der Text) immer mittig in ihrer Zelle zentriert. Trotz padding-top:0px und margin-top:0px. Was habe ich in diesem Listing (s.u.) falsch gemacht??
Falls diese Frage schon oft gestellt wurde, bitte ich um Entschuldigung. Ich habe hierzu seltsamerweise nichts finden können und dieses Forum ist jetzt meine letzte Hoffnung.
Schne Grüße, Alex

<table border="0">
   <tbody>
      <tr>
         <td style="padding-top:0px; margin-top:0px><a href="http://www.example.org/"><img src="image.jpg" border="0" alt=" " hspace="4" vspace="0" width="90" height="66" align="top" /></a>
         </td>
         <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td>
      </tr>
      <tr>
         <td style="padding-top:0px; margin-top:0px><a href="http://www.example.org/"><img src="image.jpg" border="0" alt=" " hspace="4" vspace="0" width="90" height="66" align="top" /></a>
         </td>
         <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</td>
      </tr>
   </tbody>
</table>

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Image in Tabellenzelle: Wo ist der Fehler?

    Elya Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo Alex,

    Bei mir werden die Bilder aber je nach der Größe der Textzelle (die Bilder sind in der Höhe kleiner als der Text) immer mittig in ihrer Zelle zentriert. Trotz padding-top:0px und margin-top:0px. Was habe ich in diesem Listing (s.u.) falsch gemacht??

    vertical-align könnte Dir freundlich gesonnen sein.

    Gruß aus Köln-Ehrenfeld,

    Elya

    --
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Image in Tabellenzelle: Wo ist der Fehler?

    MudGuard Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

    <td style="padding-top:0px; margin-top:0px><a href="http://www.example.org/"><img src="image.jpg" border="0" alt=" " hspace="4" vspace="0" width="90" height="66" align="top" /></a>

    Der Inhalt des Style-Attributs ist
    padding-top:0px; margin-top:0px><a href=

    Vermutlich etwas mehr als erwünscht ...

    margin hat auf Tabellenzellen keine Auswirkung (aber das von Elya erwähnte vertical-align).

    <td style="padding-top:0px; margin-top:0px><a href="http://www.example.org/"><img src="image.jpg" border="0" alt=" " hspace="4" vspace="0" width="90" height="66" align="top" /></a>

    gleicher Fehler.

    cu,
    Andreas

    --
    Warum nennt sich Andreas hier MudGuard?
    O o ostern ...
    Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  3. Image in Tabellenzelle: Wo ist der Fehler?

    Alex
    – Informationen zu den Bewertungsregeln

    Hallo Elya, MudGuard,
    1001 Dank für Eure Hilfe, jetzt funktioniert es!! Endlich!!
    Ich hatte es wohl irgendwann auch mit valign probiert, allerdings dummerweise wohl in den Grafikeigenschaften und nicht in der Tabellenzelle...
    Juchhu!

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln