td zu hoch - wo liegt der fehler

[Dirk]

hallö zusammen,

ich entwerfe gerade eine seite und komme und komme nicht auf den fehler. ich möchte eine tabelle machen und in die einzelnen felder eine grafik laden. die grafiken sollen genauso gross sein, wie die tabellenfelder, aber aus irgend einem grund sind die td felder höher als die grafiken, was einen unschönen effekt hervorruft. zur besseren ansicht hab ich die td felder eingefärbt. höhe exakt setzen und rand eigenschaften auf 0 setzen hat leider nicht die gewünschte wirkung. wo könnte die ursache liegen? hab schon alles eingetippt, aber irgendwie will sich der leerraum nicht in luft auflösen.

viele grüße,
dirk

ps: hier der link:
http://www.datadruck.com/webseite/referenzen2.php

[Carl]

Hallo,

also, was mir so auf den ersten Blick ist Folgendes:

Du vermischt durchgängig HTML-Formatangaben und CSS, wobei du die CSS-Angaben immer wieder per style="" rein schreibst. Versuchs einfach mal mit einer eigenen CSS Klasse, wie du es auch weiter oben schon gemacht hast. Weiterhin würde ich dir vorschlagen, dass du für jede Tabellenzelle per CSS border-Angaben definierst, und auf jeden Fall auch noch border-collapse: collapse; dazu schreibst.

Ach ja, wenn du durchgängig CSS-Definitionen verwendest, passiert auch sowas nicht: <td style="background-color: #FF0000; height: 65px;" height="65">

Gruß
Carl

[Dirk]

jo, nur zur erklärung.
die css style eigenschaften sind nur reingeschrieben, die kommen später wieder sauber weg. ich dachte, die dem html attribut am nächsten stehenden css eigenschaften gelten, deswegen stehen sie testhalber dort, helfen aber auch nix...

viele grüße, dirk

[rfb]

Moin

die css style eigenschaften sind nur reingeschrieben, die kommen später wieder sauber weg

Viel Arbeit!

Zum Problem:
Zwischen <td> und <img> ist bei dir jede Menge White-Space (Leerzeichen und Zeilenumbrüche im Quellcode), die muss der Browser (zusammengefasst als mindestens ein Leerzeichen) irgendwo anzeigen.

Gruß
rfb

[Joachim]

Hi,

die grafiken sollen genauso gross sein, wie die tabellenfelder, aber aus irgend einem grund sind die td felder höher als die grafiken,

...weil dort Raum für Unterstriche reserviert wird. Gib den Bildern mal ein vertical-align:bottom, oder auch ein display:block, je nach Konstruktion (habe ich mir jetzt nicht angesehen). Für IE 5 hilft oft nur sämtliche Zeilenumbrüche zu entfernen.

Noch besser wäre es allerdings, Du würdest die Bilder ohne Table zusammenstellen... mehr zu zeitgemässer Css-Architektur findest Du hier im Archiv ;-)

Gruesse, Joachim

[Dirk]

hallö,

vertical align hab ich schon versucht, das andere werd ich nachher mal testen. was meinst du denn mit zeitgemässer anordnung? ich dachte, für sowas wären tabellen ja noch gut, wenn du mir ein stichwort gibst, bilde ich mich auch gern mal weiter. meinst du einen eigenen div container für jedes bild?

viele grüße,
dirk