Tabelle verzerrt sich bei langen Text

Status
Nicht offen für weitere Antworten.

thyraton

Grünschnabel
Vorweg, der Code zu meinem Problem:
Code:
<table border="1" width="500"  cellspacing="0" cellpadding="0">
   <tr>
      <td colspan="3" valign="bottom" width="137"><img name="news_r1_c1" src="news_r1_c1.jpg" width="137" height="21" border="0" alt=""></td>
      <td rowspan="2">Breaks <br><br><br><br><br><br><br><br><br><br><br><br><br><br>Breaks Ende</td>
   </tr>
   <tr>
      <td valign="bottom" width="16" height="75"><img src="news_r2_c1.jpg" width="16" height="75" border="0" alt=""></td>
      <td valign="bottom" width="75" height="75"><img src="news_r2_c2.jpg" width="75" height="75" border="0" alt=""></td>
      <td valign="bottom" width="46" height="75"><img src="news_r2_c3.jpg" width="46" height="75" border="0" alt=""></td>
   </tr>
</table>


In der Spalte mit dem "Breaks" sollte in Zukunft ein Text mit Variabler länge sein und sämtliche Bilder sollten unten links neben dem Text eine Einheit bilden.
Soweit die Theorie...versuche ich dies aber in eine Tabelle umzusetzen, sieht es so aus:
screenshot1.JPG

Wie gesagt, das grüne Image oben, sollte nun direkt über den drei grünen Images unten plaziert sein.
Hat jemand eine Idee wie ich das machen kann?
Ob ihr es glaubt oder nicht, ich habe mir nun schon die ganze nacht um die Ohren geschlagen und ich weiss echt nicht wie ich das hinbekomme.
Ich fürchte ich bin einfach zu dämlich!
Mit table-layout:fixed geht es auch nicht, damit wird es sogar noch schlimmer...lol
Hoffentlich kann mir einer helfen :)

Herzlichen Dank
Stefan
 
Für solche Angelegenheiten nutze ich lieber verschachtelte Tabellen. So müsste es funktionieren:
Code:
<table border="0" width="500"  cellspacing="0" cellpadding="0">
  <TR>
    <TD valign="bottom" width="137">
     <TABLE width="137" border="0" cellspacing="0" cellpadding="0">
      <TR height="21">
	<TD colspan="3" valign="bottom"><img name="news_r1_c1" src="news_r1_c1.jpg" width="137" height="21" border="0" alt=""></TD>
      </TR>
      <TR height="75">
	<TD width="16"><img src="news_r2_c1.jpg" width="16" height="75" border="0" alt=""></TD>
	<TD width="75"><img src="news_r2_c2.jpg" width="75" height="75" border="0" alt=""></TD>
	<TD width="46"><img src="news_r2_c3.jpg" width="46" height="75" border="0" alt=""></TD>
      </TR>
     </TABLE>
    </TD>
    <TD>
	Breaks <br><br><br><br><br><br><br><br><br><br><br><br><br><br>Breaks Ende
    </TD>
  </TR>
</table>
 
Hat alles gut hingehen - Herzlichen Dank...
Auch wenn ich auf die Idee mit der verschachtelten Tabelle eigentlich selber drauf hätte kommen müssen.*schäm
 
Status
Nicht offen für weitere Antworten.
Zurück