Mathias: Tabellendesign

Hi!

Ich habe ein Layout für eine Website mit Tabellen umgesetzt (über Photoshop). Das Ganze sieht jetzt so aus:

<table id="Tabelle_01" width="1025" height="760" border="0" cellpadding="0" cellspacing="0">
        <tr>
                <td colspan="2">
                        <img src="images/index_01.gif" width="1024" height="150" alt="" /></td>
                <td>
                        <img src="images/spacer.gif" width="1" height="150" alt="" /></td>
        </tr>
        <tr>
                <td>
                        <img src="images/index_02.gif" width="340" height="232" alt="" /></td>
                <td rowspan="3">
                        <img src="images/index_03.gif" width="684" height="553" alt="" /></td>
                <td>
                        <img src="images/spacer.gif" width="1" height="232" alt="" /></td>
        </tr>
        <tr>
                <td>
                        <img src="images/index_04.gif" width="340" height="59" alt="" /></td>
                <td>
                        <img src="images/spacer.gif" width="1" height="59" alt="" /></td>
        </tr>
        <tr>
                <td rowspan="2">
                        <img src="images/index_05.gif" width="340" height="319" alt="" /></td>
                <td>
                        <img src="images/spacer.gif" width="1" height="262" alt="" /></td>
        </tr>
        <tr>
                <td>
                        <img src="images/index_06.gif" width="684" height="57" alt="" /></td>
                <td>
                        <img src="images/spacer.gif" width="1" height="57" alt="" /></td>
        </tr>
</table>

Da wo jetzt die index_03.gif ist soll der Text hin. Die index_03.gif wird dann Hintergrundbild. Der Text ist aber oft größer als die Tabellenzelle, soll aber nicht in der Tabellenzelle gescrollt werden (overflow:scroll) sondern die Tabelle soll quasi mitwachsen. Dazu hatte ich mir gedacht, dass die Tabellenzelle mit index_04.gif mitwächst. Leider funktioniert es nicht.

Hat einer eine Idee, wie ich das Problem lösen kann? Oder eine Alternative zur Tabelle?

mfg

mathias

  1. Hi mathias.
    Man kann die größe von Reihen, Spalten, und sogar der Tabelle angeben:

    <td width="200" height="200"></td>

    und deine Spalte ist 200x200Pixel groß.

    1. Ich grüsse den Cosmos,

      Man kann die größe von Reihen, Spalten, und sogar der Tabelle angeben:

      <td width="200" height="200"></td>

      Man kann aber auch CSS einsetzen und somit keinen Code produzieren, der seit 10 Jahren nicht mehr aktuell ist.

      Möge das "Self" mit euch sein

      --
      Fragt ein Atom das andere: Hast du mein Elektron gesehen? Ich bin heute so positiv.
      ie:{ br:> fl:| va:| ls:& fo:{ rl:( n4:{ de:] ss:) ch:? js:| mo:) sh:( zu:)
  2. Hello out there!

    Ich habe ein Layout für eine Website mit Tabellen umgesetzt (über Photoshop).

    Photoshop eignet sich zur Bildbearbeitung, aber gewiss nicht, um Webseiten zu erstellen.

    Das Ganze sieht jetzt so aus:

    Grausam.

    Hat einer eine Idee, wie ich das Problem lösen kann? Oder eine Alternative zur Tabelle?

    Vernünftiges HTML und CSS: http://de.selfhtml.org/css/layouts/index.htm

    See ya up the road,
    Gunnar

    --
    „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)