✔ Problem mit <img> in <td>

[Kopfballstar]

Hallo,

ich habe ein Problem mit images in einer <td>. Und zwar sind die Zellen exakt 100x100 groß, genau wie die images. Aber diese werde in der Zelle versetzt angezeigt, und zwar von links und von oben genau um einen Pixel verschoben. Ich rätsel jetzt schon seit Wochen. Da ist kein leerzeichen irgendwo reingerutscht. Vielleicht in den CSS Angaben aber da finde ich auch nichts. Ich wäre froh wenn irgendjemand vielleicht einen Hinweis hat:

#index_table	{width:700px;height:300px;border:none;border-width:0px;overflow:hidden;table-layout:fixed;border-collapse:collapse;background-color:#000000;border-spacing:0px;}

#index_table tr {height:100px;width:700px;border:none;border-width:0px;overflow:hidden;table-layout:fixed;border-collapse:collapse;background-color:#FFBE7B;border-spacing:0px;}

#index_table td {height:100px;width:100px;border:none;border-width:0px;overflow:hidden;table-layout:fixed;border-collapse:collapse;background-color:#FFBE7B;border-spacing:0px;}

 

[Gumbo]

Weise den Grafik-Elementen mal mit display:block Block-Level-Charakteristika zu.

 

[PuReSteeL]

Hmm, komisch, nach unten und rechts gibt es keinen abstand von einem Pixel?

 

[Kopfballstar]

Hmm, komisch, nach unten und rechts gibt es keinen abstand von einem Pixel?

Nein, komischerweise nicht

 

[Inspector]

Hi,

genau 1 Pixel? Das deutet eher auf irgendein margin oder padding hin als auf ein Leerzeichen. Versuch mal, bei den Tabellenzellen ein padding: 0; anzugeben, und bei den Bildern sowohl margin als auch padding auf 0 zu setzen. Eventuell auch bei den td und tr ein margin: 0; angeben, vorsichtshalber. Border hast Du ja schon auf Null.

Ansonsten kommen mir nur noch so Sachen wie Zeichenhöhe resp. Zeilenhöhe in den Sinn. Das könnte man ev. tatsächlich mit display: block umgehen.

 

[Kopfballstar]

Weise den Grafik-Elementen mal mit display:block Block-Level-Charakteristika zu.

Leider ohne Wirkung.

Hi,

genau 1 Pixel? Das deutet eher auf irgendein margin oder padding hin als auf ein Leerzeichen. Versuch mal, bei den Tabellenzellen ein padding: 0; anzugeben, und bei den Bildern sowohl margin als auch padding auf 0 zu setzen. Eventuell auch bei den td und tr ein margin: 0; angeben, vorsichtshalber. Border hast Du ja schon auf Null.

Ansonsten kommen mir nur noch so Sachen wie Zeichenhöhe resp. Zeilenhöhe in den Sinn. Das könnte man ev. tatsächlich mit display: block umgehen.

Danke, mit den Padding:0 Angaben in den Tabellenzellen hat es endlich funktioniert!
Was bedeutet das Padding genau?

 

[Gumbo]

Padding heißt Polsterung.

 

[AKrebs70]

Mit padding legst Du den Innenabstand fest!

Axel

 

[Kopfballstar]

Aha, thanks...