nicht angemeldet
bild in tabellenzelle - rand verschwindet nicht
Gunnar Bittersmannhallo Forum,
ich habe eine Tabelle mit css formatiert.
in einer Zelle befindet sich ein Bild. die zelle soll sich an das Bild anpassen, doch was ich auch tue, im unteren Bereich bleibt immer ein Abstand zwischen Bild und Zellrand von ca. 2 Pixeln.
Woran könnte das liegen, ich weiss mir keinen Rat mehr???
Gruss
Klickme
hier der quellcode:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="de">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<style type="text/css" media="screen"><!--
body { font: 10px verdana, arial, sans-serif; background-color: #ffffff; margin: 0; padding: 0 }
#maintable02 { width: 640px }
.tr { background-color: red; margin: 0; padding: 0; height: auto }
img { border: 0 }
--></style>
</head>
<body>
<table id="maintable02" border="0" cellspacing="0" cellpadding="0">
<tr class="tr">
<td><img src="bild.jpg" alt="bild">
</td>
</tr>
</table>
</body>
</html>
-
Hey!
<style type="text/css" media="screen"><!--
.tr { background-color: red; margin: 0; padding: 0; height: auto }
</style><td><img src="bild.jpg" alt="bild">
</td>IMHO musst du noch bei der Zelle selbst, also bei <td> padding auf 0 setzen! Also in deinem Fall diese einfach auch mit class="tr" kennzeichnen!
Wieso lässt du eigentlich das Semikolon bei der letzten CSS-Angabe zwischen den Mengenklammern weg?Hendrik
--
-------------------
Zur Info: Ich habe leider nur PHP 4.4.2 und MySQL 4.1.20 zur Verfügung!
-------------------
ie:% fl:| br:> va:) ls:[ fo:) rl:( n4:° ss:| de:> js:| ch:? sh:( mo:) zu:)
SELFCode Decoder-
Hello out there!
Wieso lässt du eigentlich das Semikolon bei der letzten CSS-Angabe zwischen den Mengenklammern weg?
Nach der letzten Deklaration steht kein Semikolon. http://forum.de.selfhtml.org/archiv/2006/8/t134733/
See ya up the road,
Gunnar--
“Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)-
selbst wenn ich <td> auf padding 0 schalte,
bleibt der Rand....-
Hello out there!
selbst wenn ich <td> auf padding 0 schalte,
bleibt der Rand....Was hat das mit meinem Posting zu tun, auf das du gerade geantwortet hast?
Bitte plaziere deine Antworten so, dass die Übersicht im Thread gewahrt bleibt.
See ya up the road,
Gunnar--
“Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
-
-
-
-
Hello out there!
[…] bleibt immer ein Abstand zwischen Bild und Zellrand von ca. 2 Pixeln.
Woran könnte das liegen, ich weiss mir keinen Rat mehr???"Unterlänge" wäre ein passender Suchbegriff für dich.
See ya up the road,
Gunnar--
“Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen) -
Hello out there!
<html xml:lang="de">
<html>Fehler: Es kann nur ein Starttag geben.
Und die Sprache ist für Tag-Soup-Parser (text/html) auch noch zusätzlich mit dem 'lang'-Attribut anzugeben; 'xml:lang' wirkt nur bei Verarbeitung als XML (appication/xhtml+xml). [XHTML1 §C]
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
Fehler: 'meta'-Element ist nicht geschlossen. Du solltest dir über die Unterschiede zwischen XHTML und HTML im Klaren sein.
Und http://validator.w3.org/ kennst du? Oder {link:http://validator.de.selfhtml.org/]?
<style type="text/css" media="screen"><!--
--></style>Die HTML-Kommentarzeichen sind im style-Bereich überflüssig.
<table id="maintable02" border="0" cellspacing="0" cellpadding="0">
Wozu diese HTML-Attribute, wenn du du doch CSS benutzen willst?
See ya up the road,
Gunnar--
“Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen) -
Dieses Problem hatte ich auch, aber es ist ganz einfach in allen Browsern zu lösen. Man muss einfach für das Bild float: left definieren.
Also mal der richtige Quellcode mit meinen Änderungen:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1" />
<style type="text/css" media="screen">
body { font: 10px verdana, arial, sans-serif; background-color: #ffffff; margin: 0; padding: 0 }
#maintable02 { border: 0; border-collapse: collapse; width: 640px }
.nob { float: left; }
.tr { background-color: red; padding: 0;}
img { border: 0 }
</style>
</head><body>
<table id="maintable02">
<tr>
<td class="tr">
<img class="nob" src="bild.jpg" alt="bild" />
</td>
</tr>
</table>
</body></html>