Bilder in Tabellenzellen

[Biggy]

Hallo,

ich möchte gerne um Tabellen Rahmen mit verschiedenen Grafiken ziehen. Dafür habe ich um die Haupttabelle eine weitere Tabelle erstellt. Die Grafiken sollen sich jedoch an die Tabellen anpassen, also sie sollen oben und unten 100% breit und an den Seiten 100% hoch sein. Mit der Breite, das bekomme ich ja hin, aber mit der Höhe klappt es nicht.

Was ist daran falsch?

<td width='1%' align='right' height='100%'><img src='Images/window_links.jpg' height='100%' width='5'></td>

Danke im voraus

Biggy

[Michael H.]

Hallo,

ich möchte gerne um Tabellen Rahmen mit verschiedenen Grafiken ziehen. Dafür habe ich um die Haupttabelle eine weitere Tabelle erstellt. Die Grafiken sollen sich jedoch an die Tabellen anpassen, also sie sollen oben und unten 100% breit und an den Seiten 100% hoch sein. Mit der Breite, das bekomme ich ja hin, aber mit der Höhe klappt es nicht.

Was ist daran falsch?

<td width='1%' align='right' height='100%'><img src='Images/window_links.jpg' height='100%' width='5'></td>

Danke im voraus

Biggy

Könntest du mal den ganzen Code deiner Tabelle posten (Gerne auch per Mail)? Irgendwie fällt es mir schwer mir vorzustellen, was du eigentlich tun willst...

Michael H.

[Biggy]

sowas z.b.:

<table border="0" width="100%" bgcolor="#ffffff" cellspacing="0" cellpadding="0">
<tr>
<td width="1%" align="right" height="24"><img src="window_oben_links.jpg" height="24" width="5"></td>
<td  align="buttom"><img src="window_title_gelb.jpg" width="100%" height="24"></td>
<td width="1%" ><img src="window_oben_rechts.jpg" height="100%" width="5"></td>
</tr>
<tr>
<td width="1%" align="right" height="100%"><img src="window_links.jpg" height="100%" width="5"></td>
<td align="left" valign="top">
<table border="0" width="100%" bgcolor="#000000" cellspacing="1">
  <tr>
    <td width="33%" bgcolor="#99CCFF"> </td>
    <td width="33%" bgcolor="#99CCFF"> </td>
    <td width="34%" bgcolor="#99CCFF"> </td>
  </tr>
  <tr>
    <td width="33%" bgcolor="#99CCFF"> </td>
    <td width="33%" bgcolor="#99CCFF"> </td>
    <td width="34%" bgcolor="#99CCFF"> </td>
  </tr>
  <tr>
    <td width="33%" bgcolor="#99CCFF"> </td>
    <td width="33%" bgcolor="#99CCFF"> </td>
    <td width="34%" bgcolor="#99CCFF"> </td>
  </tr>
  <tr>
    <td width="33%" bgcolor="#99CCFF"> </td>
    <td width="33%" bgcolor="#99CCFF"> </td>
    <td width="34%" bgcolor="#99CCFF"> </td>
  </tr>
  <tr>
    <td width="33%" bgcolor="#99CCFF"> </td>
    <td width="33%" bgcolor="#99CCFF"> </td>
    <td width="34%" bgcolor="#99CCFF"> </td>
  </tr>
    <tr>
    <td width="33%" bgcolor="#99CCFF"> </td>
    <td width="33%" bgcolor="#99CCFF"> </td>
    <td width="34%" bgcolor="#99CCFF"> </td>
  </tr>  <tr>
    <td width="33%" bgcolor="#99CCFF"> </td>
    <td width="33%" bgcolor="#99CCFF"> </td>
    <td width="34%" bgcolor="#99CCFF"> </td>
  </tr>  <tr>
    <td width="33%" bgcolor="#99CCFF"> </td>
    <td width="33%" bgcolor="#99CCFF"> </td>
    <td width="34%" bgcolor="#99CCFF"> </td>
  </tr>
</table>
</td>
<td width="1%"><img src="window_links.jpg" height="100%" width="5"></td>
</tr>
<tr>
<td width="1%" align="right" valign="top"><img src="window_links_ecke.jpg" height="6" width="5"></td>
<td valign="top" width="100%"><img src="window_unten.jpg" width="100%" height="6"></td>
<td valign="top" width="1%" align="left"><img src="window_rechts_ecke.jpg" height="6" width="5"></td>
</tr>

</table>

[Michael H.]

<Codebeispiel>
Ah so, jetzt ist es mir klar.
Also ich kann dir keine Lösung anbieten, eine Möglichkeit gibt es aber. Wenn das ein Bild ist, das man immer wieder wiederholen kann (so wie Hintergrundbilder), dann kann man der Zelle ein Hintergrundbild zuweisen, das sich innerhalb der Zelle so verhält, wie Hintergrundbilder für die gesamte Seite.

Vielleicht hilft das,
Michael

[Biggy]

<Codebeispiel>
Ah so, jetzt ist es mir klar.
Also ich kann dir keine Lösung anbieten, eine Möglichkeit gibt es aber. Wenn das ein Bild ist, das man immer wieder wiederholen kann (so wie Hintergrundbilder), dann kann man der Zelle ein Hintergrundbild zuweisen, das sich innerhalb der Zelle so verhält, wie Hintergrundbilder für die gesamte Seite.

Vielleicht hilft das,
Michael

Danke, so klappt es auch.

Gruß

Biggy

[Ole]

hi biggy

<td width='1%' align='right' height='100%'><img src='Images/window_links.jpg' height='100%' width='5'></td>

die 100% beziehen sich bei img auf die tatsächliche größe des bildes, wenn dein bild also 100x100 pixel groß ist bekommst du bei 100% 100 pixel, bei 80% 80 etc.

afaik können sich bilder der umgebung nicht von selbst anpassen.

wenn die tabellenzelle eine (wie auch immer) fest definierte größe hätte könntest du das z.B. via javscript probieren:

breite der tabellenzelle ist 1/3 der tabelle die wiederum 90% des fensters hat

also ist die tabellenzelle = fensterbreite * 0.9 / 3

und den so erhaltenen wert übergibst du als breite deinem image.

alles nur theorie und recht umständlich und unzuverlässig, aber theoretisch könnte es so funktionieren :)

so long
ole
(8-)>