Beispiele: Bilder in Tabellenzellen

Tabellen ohne CSS, ohne cellspacing/cellpadding/border

Mit Leerräumen im HTML-Code:

Foto - oberer Teil einer Standuhr
Foto - unterer Teil einer Standuhr

Ohne Leerräume im HTML-Code:

Foto - oberer Teil einer Standuhr
Foto - unterer Teil einer Standuhr

Tabellen ohne CSS, mit cellspacing/cellpadding/border

Mit Leerräumen im HTML-Code:

Foto - oberer Teil einer Standuhr
Foto - unterer Teil einer Standuhr

Ohne Leerräume im HTML-Code:

Foto - oberer Teil einer Standuhr
Foto - unterer Teil einer Standuhr

Tabellen mit vollständigem CSS

table { border:0 none; border-collapse:collapse; border-spacing:0; }
td { border:0 none; padding:0; }
td img { display:block; vertical-align:bottom; }

Alle CSS-Angaben
Keine HTML-Attribute

Foto - oberer Teil einer Standuhr
Foto - unterer Teil einer Standuhr

Alle CSS-Angaben
plus HTML-Attribute

Foto - oberer Teil einer Standuhr
Foto - unterer Teil einer Standuhr

Tabellen ohne bzw. nur mit einzelnen CSS-Angaben für td img

Keine Angaben

Foto - oberer Teil einer Standuhr
Foto - unterer Teil einer Standuhr

Nur display:block;

Foto - oberer Teil einer Standuhr
Foto - unterer Teil einer Standuhr

Nur vertical-align:bottom;

Foto - oberer Teil einer Standuhr
Foto - unterer Teil einer Standuhr

tiptom.ch > Homepage-Tips > FAQ

Thomas Lüthi, info@tomogramm.ch