[GELÖST] Bild in Zelle von Tabelle zeigt immer Hintergrund

Janl · 05. März 2015 00:24

Hallo,

ich stehe auf dem Schlauch!
In eine Tabelle mit 1 Zelle will ich ein Bildchen von 8 x 310 Pixel so dass diese Zelle vollkommen gefüllt wird.
Ich sehe aber immer oben und unten den Hintergrund.
Geht das oder übersehe ich etwas?

MfG
Jan

Andynium · 05. März 2015 05:16

Welcher Browser?

margin / padding für td auf 0 gesetzt?

Janl · 05. März 2015 09:18

Hallo Cyberman,

Firefox - Chrome - Opera
hier zu sehen
http://www.webshop-in.eu/tab1-tmp.html

Es betrifft HTML für einem Newsletter, wegen MS/Google/IBM braucht man kodieren wie in 1998.

MfG
Jan

NaN · 05. März 2015 09:56

Ein Bild sitzt immer in einer Text-Zeile. (display: inline)
Wenn Du keine Zeilenhöhe/Schriftgröße vorgibst, wird ein Standardwert verwendet. (bei mir line-height: 20px; font-size: 16px;)
Ist die Standard-Zeilenhöhe bzw. die Schriftgröße höher als das Bild, passiert genau das, was Du da gerade siehst.

Lösung:

a) Finde heraus, wie hoch die Zeilenhöhe/Schriftgöße für die Tabellenzelle sein muss, damit sie genauso hoch ist wie das Bild. Beachte dabei, dass das Bild nicht mittig in der Zelle sitzt, sondern vermutlich auf der Gundlinie und sich bei der Ausrichtung nicht nach Zeilenhöhe sondern nach Schriftgröße orientiert. (vertical-align: baseline)

Also im CSS z.B.:

Hier klicken, um den Code zum Kopieren zu markieren

td {
    line-height: 8px;
    font-size: 8px;
}

img {
    vertical-align: top;
}

b) Sorge einfach dafür, dass das Bild nicht in der Zeile sitzt, sondern selbst die Zeile ist. (display: block)

Janl · 05. März 2015 10:34

Danke NaN,

die Zusammenhang mit dem Zeilenhöhe habe ich vermutet aber Tabellen nutze ich kaum noch für Gestaltung, mit CSS3 braucht man das nicht. Erst mit Newslettern braucht man es plötzlich weil Outlook, Gmail und Lotus Notes 8 offensichtlich noch nicht angekommen sind im dritten Millenium.

Mailchimp liefert Vorlagen, von denen habe ich eine umgebaut, aber bin nicht zufrieden, deswegen suche ich nach die meist einfache Art eine ansprechende Layout mit Tabellen zu machen. Da bin ich leider nicht mehr so fit . . .

Newsletter sind Seiten aus CMSMS die dann mit PHPList geschickt werden.
Das kombiniert sehr gut.

gelöst, sehe
http://www.webshop-in.eu/tab1-tmp2.html

MfG
Jan

Beitrag geändert von Janl (05. März 2015 10:40)

Forum für CMS/made simple

#1 05. März 2015 00:24

[GELÖST] Bild in Zelle von Tabelle zeigt immer Hintergrund

#2 05. März 2015 05:16

Re: [GELÖST] Bild in Zelle von Tabelle zeigt immer Hintergrund

#3 05. März 2015 09:18

Re: [GELÖST] Bild in Zelle von Tabelle zeigt immer Hintergrund

#4 05. März 2015 09:56

Re: [GELÖST] Bild in Zelle von Tabelle zeigt immer Hintergrund

#5 05. März 2015 10:34

Re: [GELÖST] Bild in Zelle von Tabelle zeigt immer Hintergrund

Fußzeile des Forums