Nochmal Tabellenhintergrund
Hans-Georg Menz
- html
Hy,
ich habe folgendes Problem:
Ich möchte ein Bild aus mehreren Bildern mit Hilfe einer Tabelle zusammensetzten. Allerdings möchte ich es nicht auf dem normalen Weg, sondern mit den Hintergrundeigenschaft von Tabellenzellen versuchen.
Ich habe es zwar schon mit
<td background="bild.jpg" width="6" height="6"></td>
versucht, das Bild wird aber nicht angezeigt. Wenn ich zwischen die Tags noch ein <BR> setze wir das Bild zwar angezeigt, aber die Höhe der Tabellenzelle stimmt dann nicht mehr. (Nur die Breite!)
Ich habe nämlich ein Bild mit 6 Pixeln Höhe und einem Pixel Breite. Mit Hilfe der Eigenschaft de Zellenhintergrunds könnte ich dann die ganze Zelle mit dem Bild füllen ohne allzu großen Ladeaufwand.
Danke für eure Hilfe,
Hans-Georg
Hallo!
versucht, das Bild wird aber nicht angezeigt. Wenn ich zwischen die Tags noch ein <BR> setze wir das Bild zwar angezeigt, aber die Höhe der Tabellenzelle stimmt dann nicht mehr. (Nur die Breite!)
Die Zellen klappen ohne Inhalt zusammen. Durch <br> hast Du dann einen Inhalt. Die Höhe wird dabei ignoriert. Hier hilft wird Dir nur ein transparentes GIF helfen. Dem gibst Du die Angeben height=6 und width=6. Wenn Du es so machst kannst Du aber gleich die ganzen Bilder in die Zellen einbauen, was wohl am besten ist.
Du kannst aber auch dies machen. Nehmen wir mal an, Deine Tabelle sieht so aus, hier bei steht eine Zahl für eine Zelle:
1 2
3 4
5 6
Nun erweiterst Du einfach diese Tabelle um eine Spalte, mit der Du die Höhe erzwingst. Das funktioniert aber nur bei nicht verschachtelten Tabellen, also eine Zellen die sich über mehrere erstreckt usw.:
1 2 3
4 5 6
7 8 9
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="1.gif"><br></td>
<td background="2.gif"><br></td>
<td><img src="0gif.gif" width=1 height=6 alt="" border="0"></td>
</tr>
<tr>
<td background="3.gif"><br></td>
<td background="4.gif"><br></td>
<td><img src="0gif.gif" width=1 height=20 alt="" border="0"></td>
</tr>
<tr>
<td background="5.gif"><br></td>
<td background="6.gif"><br></td>
<td><img src="0gif.gif" width=1 height=30 alt="" border="0"></td>
</tr>
</table>
Jetzt kannst Du also noch eine Zeile hinzufügen, mit der Du die Breite der Zellen erzwingst:
1 2 3
4 5 6
7 8 9
10 11 12
Ein Leerzeichen oder <br> solltest Du aber so und so in jede Zelle einfügen.
mfg, André
Hallo Hans-Georg!
ich habe folgendes Problem:
Ich möchte ein Bild aus mehreren Bildern mit Hilfe einer Tabelle zusammensetzten. Allerdings möchte ich es nicht auf dem normalen Weg, sondern mit den Hintergrundeigenschaft von Tabellenzellen versuchen.
Mal eine ganz dumme Frage: Warum willst du es so machen? Warum referenzierst du nicht einfach in jeder Tabellenzelle ein Bildteil? So wie z.B. in dieser Tabelle:
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" width="200" height="220" align="right"><img src="Bildteil1.gif" width="120" height="210" border="0" alt=""></td>
<td valign="top" width="300" height="220" align="left"><img src="Bildteil2.gif" width="101" height="210" border="0" alt=""></td>
</tr>
</table>
In diesem Fall besteht das Bild aus 2 Teilen, wobei die Zellen größer als die Bilder sind, aber das kannst du ja entsprechend anpassen.
Denn ob als Hintergrund oder nicht, das Bild muß ja trotzdem geladen werden.
Viele Grüße,
Kirsten