Bild in Tabelle
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
all
beispiel
bild
code
entfernen
ersten post
leiste
letzten satz
rand
spalte
spalten
stehen
tabelle
tag
trick
versuchen
weben
zeile
zelle
zweifelsfall
-
Ich möchte gerne tag/bild">Bilder in eine Tabelle einfügen.
Mein bestehender Code:
<html> <body> <table style=\"text-align: center; border: 1px #101010 solid;\" cellpadding=\"0\" cellspacing=\"0\"> <tr> <td> <img src=\"test.jpg\"> </td> </tr> </table> </body> </html>
So wird aber im Internet Explorer ein Rand unter dem Bild angezeigt. Eigentlich könnte ich diesen Rand wegnehmen, indem ich der Zelle eine feste Höhe gebe. Nur leider sind nicht alle Bilder gleich hoch.
Kennt jemand einen Trick, wie ich diesen Rand wegbringe ohne der Zelle eine fixe Höhe zuweisen zu müssen? -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Wird der Rand nur unten angezeigt?
ich würde es denke ich mal mit Padding und Margin für das Bild versuchen.
Im Zweifelsfall auch, da IE sowas sinnferies, wie line-height für das Bild :D -
tibel schrieb:
Wird der Rand nur unten angezeigt?
ich würde es denke ich mal mit Padding und Margin für das Bild versuchen.
Im Zweifelsfall auch, da IE sowas sinnferies, wie line-height für das Bild :D
Ich begreife nicht ganz, was du mit dem letzten Satz gemeint hast:P
Mit margin und padding habe ich es natürlich schon versucht, bevor ich hier gepostet habe.
Ja, der Rand wird nur unten angezeigt und nur im IE (wie könnte es anders sein). -
könntest du uns evtl. mal ein beispiel geben?
vielleicht hilft ja ein einfaches </img> ?
Also ich hatte diesen Fehler noch nie im IE -
Im ersten Post habe ich ein Beispiel gegeben. Oder was stellst du dir unter einem Beispiel vor?
-
einfach mal hochladen, damit wir es uns anschauen können ;)
(schon ausprobiert?)
Beitrag geändert: 12.4.2008 12:13:50 von raubritta -
Das Hochladen hat sich erledigt. Ich weiss zwar nicht weshalb, aber das <img>-TAG muss auf derselben Zeile stehen wie <td></td>:
<table style=\"border: 1px #101010 solid;\" cellpadding=\"0\" cellspacing=\"0\"> <tr> <td><img src=\"images/foto_001.jpg\"></td> </tr> </table>
Vielen Dank für eure Mühe.
-
Hi!
Du kannst es natürlich auch einfach so machen:
<img src=\"images/foto_001.jpg\" style=\"border: 1px solid #101010;\" />
Dann brauchst du auch keine elendige Tabelle. ;) -
So mit dem \"Zentrieren\" funktion:
<html> <body> <table style=\"text-align: center; border: 1px #101010 solid;\" cellpadding=\"0\" cellspacing=\"0\"> <tr> <td><img src=\"test.jpg\"></td> </tr> </table> </body> </html>
Beitrag geändert: 14.4.2008 17:35:41 von tsor
Beitrag geändert: 14.4.2008 17:36:08 von tsor -
Komplett XHTML-Valid und so kurz wie möglich:
<img src=\"test.jpg\" style=\"border: 1px solid #101010;\" alt=\"Blah\" />
Wenn du noch normales HTMl verwendest, einfach den / vor dem ende des Tags entfernen.
Natürlich funktioniert dies auch mit border-bottom, border-right, border-top und border-left.
Lg All-Web
Beitrag geändert: 15.4.2008 10:21:45 von all-web -
du kannst es eigentlich auch einfach mit colspan machen dann hast du LINKS in der tabelle etwas stehen und rechts daneben das bild was du dann in die Spalte mit <img src ..... einfügst hier der Code:
<table border=\"1\" align=\"center\"> <tr> <th colspan=\"2\"> Überschrift über der Tabelle </th> <th>Hier das Bild oder was in der Spalte stehen soll</th> <th>Hier das Bild oder was in der Spalte stehen soll</th> usw...
hinter coolspan die zahl steht dafür wiel spalten in eine Überschrift Spalte kann in Dem fall 2:
etwas was links in der Leiste steht und 2. das Bild direkt daneben. ICh hoffe das hilft dir :D
PS: ich arbeite selber noch nicht solange mit solchen Sachen, wenn ich etwas falsch gemacht habe weißt mich bitte darauf hin
-
swissman schrieb:
Das Hochladen hat sich erledigt. Ich weiss zwar nicht weshalb, aber das <img>-TAG muss auf derselben Zeile stehen wie <td></td>:
<table style=\\\'border: 1px #101010 solid;\\\' cellpadding=\\\'0\\\' cellspacing=\\\'0\\\'> <tr> <td><img src=\\\'images/foto_001.jpg\\\'></td> </tr> </table>
Vielen Dank für eure Mühe.
sein Problem hat sich doch schon erledigt, wieso postet ihr alle noch?
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
