2 Grafiken übereinander

[Manzon]

hallo zusammen..
also habe ein problem:
<td width="34%" align="center">
<a href="link"><img src="private.gif" border="0"></a>
<br><a href="link"><img src="privatd.gif" border="0"></a></td>

ich möchte aber das kein abstand zwischen den beiden bildern ist...
was muss ich tun??

tobi

[Norbert Klein]

Hallo.

<td width="34%" align="center">
<a href="link"><img src="private.gif" border="0"></a>
<br><a href="link"><img src="privatd.gif" border="0"></a></td>

was muss ich tun??

Den Zeilenumbruch nach der zweiten Zeile weg lassen.

Gruß
Norbert

[Manzon]

Hallo.

<td width="34%" align="center">
<a href="link"><img src="private.gif" border="0"></a>
<br><a href="link"><img src="privatd.gif" border="0"></a></td>

was muss ich tun??

Den Zeilenumbruch nach der zweiten Zeile weg lassen.

Gruß
Norbert

geht auch dann nicht...
(sind drei spalten...die grafiken sollen in dieser spalte direkt untereinander sein...)

[Norbert Klein]

geht auch dann nicht...

Dann nimm CSS und positionier die Dinger absolut:
http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#position

Gruß
Norbert

[Manzon]

geht auch dann nicht...

Dann nimm CSS und positionier die Dinger absolut:
http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#position

Gruß
Norbert

danke..*s*..ein bisschen positionierungsarbeit aber sehr wirksam...vielen dank für die hilfe...

grüsse
tobi

[Kai Lahmann]

hi

CSS:
td.blockbildDrin img{display:block;}

HTML:

<td width="34%" align="center" class="blockbildDrin">
<a href="link"><img src="private.gif" border="0"></a>
<a href="link"><img src="privatd.gif" border="0"></a>
</td>

Grüße aus Bleckede

Kai

[Robert]

Hallo,

<td width="34%" align="center">
<a href="link"><img src="private.gif" border="0"></a>
<br><a href="link"><img src="privatd.gif" border="0"></a></td>

ich möchte aber das kein abstand zwischen den beiden bildern ist...
was muss ich tun??

Das müßte auch ohne CSS gehen, einfach indem man
in dieses Tabellenfach 'ne weitere Tabelle reinsetzt,
und dort die Abstände auf null setzt:

<td width="34%" align="center">

<table cellpadding=0 cellspacing=0><tr><td>
<a href="link"><img src="private.gif" border="0"></a>
</td></tr><tr><td>
<a href="link"><img src="privatd.gif" border="0"></a></td>
</td></tr></table>

Auf dieses Weise kann man ein großes Bild
aus vielen kleinen Bildern horizontal und
vertikal nahtlos zusammensetzten.

Bye,  Robert

[Kai Lahmann]

hi

Das müßte auch ohne CSS gehen, einfach indem man
in dieses Tabellenfach 'ne weitere Tabelle reinsetzt,
und dort die Abstände auf null setzt:

es mag gehen, nur WARUM? Deine Lösung ist mal gut und gerne 3 Mal so große (mal davon abgesehen, dass noch ein border="0" für netscape 4 an die innere Tabelle muss und Mozilla im Standards-Mode ein valign="bottom" an den Bildern wünscht, was die sache noch weiter verlängert..

<table cellpadding="0" cellspacing="0" border="0"><tr><td>
<a href="link"><img src="private.gif" border="0" valign="bottom"></a>
</td></tr><tr><td>
<a href="link"><img src="privatd.gif" border="0" valign="bottom"></a>
</td></tr></table>

..wenn ich mich nicht verzählt habe sind das also 128Byte mehr - so übständlich kann man ein display:block; gar nicht schreiben, wenn es mehrfach vorkommt wird das natürlich noch viel deutlicher..

Grüße aus Bleckede

Kai