nicht angemeldet
Platz zwischen grafiken und Tabellenboden
Hallo,
ich habe eine Tabelle mit zwei spalten, oben drin sind 2 Grafiken und unten sind mehrere Grafiken. Die beiden oberen grafiken sollen so nahe am unteren tabellenrand stehen wie nur möglich so dass es aussieht als stünden die 2 elemente auf dem inhalt der unteren spalte drauf.
Ich hab also eure Foren DB durchforstet und auch einiges gefunden, hat auch geklappt (bis auf 1-2 pixel platz) später hab ich dann aber eine feste pixel höhe für die obere spalte angeben müssen danach war der platz zwischen den zwei grafiken und dem tabellenboden riesig und auch durch "td img {vertical-align: bottom;}" und "<body style="margin:0px">" war da nichts mehr zu machen. Finde einfach keine lösung.
Ich poste auch direkt mal den Quell text dazu:
<base target="mainFrame">
<style type="text/css">
img.kerze1 { margin-left:220px; }
img.kerze2 { margin-left:80px; }
td img {vertical-align: bottom;}
</style>
</head>
<body style="margin:0px">
<table width="100%" height="200" border="1" cellpadding="0" cellspacing="0">
<tr>
<td><a href="test_unten.htm"> <img src="bilder/kerze1.jpg" class="kerze1" border="0"></a>
<a href="main.htm" alt="Kategorie 2"><img src="bilder/kerze2.jpg" alt="kerze2" class="kerze2" border="0"></a>
</td>
</tr>
<tr>
<td height="25"><a href="#aua"><img src="bilder/buttons/impressum.gif" border="0"></a><a href="#aua"><img src="bilder/buttons/kontakt.gif" border="0"></a><a href="#aua"><img src="bilder/buttons/anderes.gif" border="0""></a><a href="#blubb"><img src="bilder/buttons/rest.gif" border="0"></a></td>
</tr>
</table>
</body>
Danke.
-
Hi
td img {vertical-align: bottom;}
Sollte
td {vertical-align: bottom;}
sein, oder verstehe ich dich falsch?chlori
-
td img {vertical-align: bottom;}
Sollte
td {vertical-align: bottom;}
sein, oder verstehe ich dich falsch?Oder besser
td,img {vertical-align: bottom;}chlori
-
Oder besser
td,img {vertical-align: bottom;}chlori
Jo, das funktioniert :), vieln dank. Wie definiere ich dann aber zum beispiel eine class nur für img und nicht td? so -> td,img.class {....}?
Ärgerlich allerdings ist es das auf den ganzen Hilfeseiten die ich gefunden habe der code ohne Kommata getrennt steht, komisch. Naja, funktioniert ja jetzt :).
-
Wie definiere ich dann aber zum beispiel eine
class nur für img und nicht td? so -> td,img.class {....}?wenn du <img class="kerze1" [...]> hast, kannst du
einfach folgendes im CSS angeben:
.kerze1 {blah}Anderes Beispiel:
Wenn du dem <td> eine ID gibst, zB <td id="foo">,
dann kannst du durch folgende Zeile im CSS nur die Bilder
beeinflussen, die innerhalb dieses <td>-Tags sind mit der
ID "foo":#foo img {margin:0;}
Ärgerlich allerdings ist es das auf den ganzen Hilfeseiten die ich gefunden habe der code ohne Kommata getrennt steht, komisch.
td,img {vertical-align: bottom;}
bedeutet das Gleiche wie diese zwei Zeilen,
nur zusammengefasst:
td {vertical-align: bottom;}
img {vertical-align: bottom;}aber:
td img {blah}
trifft nur für den <img>-tag innerhalb eines <td>-tagschlori
-
-
-
-
Hi Astovidatu,
"td img {vertical-align: bottom;}" und "<body style="margin:0px">" war da nichts mehr zu machen. Finde einfach keine lösung.
Ordne mal dem Element, um das es geht margin und padding-Werte zu, nicht nur dem unschuldigen body ;-)
Viele Grüße
Mathias Bigge