Zellengröße bei übereinanderliegenden Bildern

[joe_lion]

In einer Tabellenzelle habe ich zwei übereinanderliegende Bilder. (Das zweite ist mit position:relative; top:-85; über das erste geschoben, das 85 Pixel hoch ist).

Wie kann ich verhindern, daß die Tabellenzelle zwei mal 85 Pixel hoch ist? Der Platz für die zweite Grafik wird schließlich nicht benötigt.

(Einfache Lösungen wie Höhenangaben oder overflow funktionieren nicht)

[Zeromancer]

Hallo,

Wie kann ich verhindern, daß die Tabellenzelle zwei mal 85 Pixel hoch ist? Der Platz für die zweite Grafik wird schließlich nicht benötigt.

weise doch der Zelle ein Bild als Hintergrundbild zu und das zweite Bild als normale Grafik. Dann liegen sie auch übereinander

---------------------------
vereinfacht:

<tr>
<td style="background:#fff url('bild1.jpg');">
<img src="bild2.jpg" height="" width="" alt="" title="" />
</td>
</tr>

--------------------------

Mit freundlichen Grüßen

André

[joelion]

Danke für die schnelle Antwort, aber....

Das hintere Bild kann ein falsches Format haben, ist also nicht zwingend 85 Pixel hoch, d.h. ich muß die Größe des Bildes angeben können. Das geht doch bei Hintergrundbildern nicht, oder ?

Sorry, das habe ich anfangs vergessen zu erwähnen

[Zeromancer]

Hallo,

Das hintere Bild kann ein falsches Format haben, ist also nicht zwingend 85 Pixel hoch, d.h. ich muß die Größe des Bildes angeben können. Das geht doch bei Hintergrundbildern nicht, oder ?

soll das Hintergrundbild zu sehen sein? Ist es geplant, die Zelle meinetwegen auf 100x100 zu machen und dann ein Bild (???x85) in die Zelle zu legen?

Hintergrundbilder haben ja die angenehme Eigenschaftm dass sie je nach Bedarf den gesamten Raum von selbst ausfüllen, sich also kacheln. Mit der Hilfe von CSS kann man dies auch steuern.

Mit freundlichen Grüßen

André

[joelion]

nochmals das Problem, um Missverständnisse zu vermeiden:

Ich habe ein Bild unbekannter Größe, das aber 85*85 groß in einer Galerie angezeigt werden muß.

Auf dieses Bild wird ein teilweises transparentes GIF (85*85) gelegt, das aber zusätzliche Information enthält (z.B. steht "NEU" in einer Ecke).

Bisher habe ich das transparente GIF mit STYLE="position:relative; top:-85px" genau auf das jeweilige drunterliegende gesetzt, was auch gut funktioniert, nur wird eben für das transparente GIF unter dem eigentlichen Bild(-stapel) platz reserviert.

Absolute Positionierung könnte gehen, nur muß ich dann auch sicherstellen, daß die Tabelle mit der Galerie immer an exakt der selben Stelle ist.

Es scheint so, als gäbe es keinen funktionierenden Weg, einfach die Tabellenzelle 85-Pixel-lang zu halten.

[Gernot Back]

Hallo joelion,

Es scheint so, als gäbe es keinen funktionierenden Weg, einfach die Tabellenzelle 85-Pixel-lang zu halten.

Sie mindestens so lang zu machen dürfte kein Problem sein. Schwierig wird es erst, wenn sie genau so lang sein soll. Was spricht denn gegen ein zusätzliches Blockelement mit Hintergrund, in das du dein teiltransparentes Gif platzierst? Da musst du möglicherweise noch nicht einmal irgendetwas positionieren.

Gruß Gernot

[Ingo Turski]

Hi,

Ich habe ein Bild unbekannter Größe, das aber 85*85 groß in einer Galerie angezeigt werden muß.

Also vermutlich unschön verzerrt. Wirklich?
Und dann womöglich noch mehrere davon in riesiger Dateigröße?

Auf dieses Bild wird ein teilweises transparentes GIF (85*85) gelegt, das aber zusätzliche Information enthält (z.B. steht "NEU" in einer Ecke).

Warum keinen Text drüberlegen?

Absolute Positionierung könnte gehen, nur muß ich dann auch sicherstellen, daß die Tabelle mit der Galerie immer an exakt der selben Stelle ist.

Nein, nur den richtigen Bezugsrahmen setzen.

Deinen Seiten würde es gut tun, wenn Du Dir die Mühe machst und passende Thumbnails erstellst und in den Hintergrund setzt.

freundliche Grüße
Ingo

[Gernot Back]

Hallo joelion,

Das hintere Bild kann ein falsches Format haben, ist also nicht zwingend 85 Pixel hoch, d.h. ich muß die Größe des Bildes angeben können. Das geht doch bei Hintergrundbildern nicht, oder ?

Du kannst doch das Hintergrundbild innerhalb deiner Tabellenzelle auch einem floatenden Blockelement zuweisen, dessen Maße du mit CSS bestimmst.

Gruß Gernot

[MudGuard]

Hi,

In einer Tabellenzelle habe ich zwei übereinanderliegende Bilder. (Das zweite ist mit position:relative; top:-85; über das erste geschoben, das 85 Pixel hoch ist).

-85 ist kein zulässiger Wert für die Eigenschaft top.

Wie kann ich verhindern, daß die Tabellenzelle zwei mal 85 Pixel hoch ist? Der Platz für die zweite Grafik wird schließlich nicht benötigt.

Warum verwendest Du dann position:relative?
Bei position:relative ist es nunmal so, daß der Platz reserviert wird.

Absolute Positionierung bietet sich an (Du mußt halt den Koordinatenursprung passend setzen).

cu,
Andreas

[Gernot Back]

Hallo MudGuard,

Absolute Positionierung bietet sich an (Du mußt halt den Koordinatenursprung passend setzen).

Dann landen wir doch innerhalb einer Tabellenzelle wieder bei diesem verschachtelten Div-Konstrukt absolut-in-relativ-positioniert. Das würde ich aber wirklich nicht empfehlen, wenn es sich vermeiden lässt.

Gruß Gernot