Die Grafik in der Überschrift einer Tabelle

Hallo^^

Das basteln der Tabelle im Header ist echt schwierg, zumal ich die ganzen Codes nicht weiß...

Also im Forum-bei den Kategorientiteln kann man das Hintergrundbild ja beliebig verändern. So möchte ich es bei der Tabelle auch machen.
Ich habe die Hintergrundgrafik kopiert und sie in den Code eingesetzt. Soweit so gut.
Aber...
Ich möchte auch den Titel in den Tabellen verändern. Damit es nicht nur die langweilige Verdana Schrift ist...
Also nochmal eine Grafik rein. Ich habe eine Grafik entworfen mit dem Name "News". Habe ihn in den Code eingefügt und tja...die Grafik war nicht zu sehen. Anscheinen weil sie zu groß war...
Die Tabelle soll genauso aussehen wie bei diesem Forum: http://shinobi-no-sedai.forumieren.de
Nun wie füge ich diese Grafik ein, die die Überschrift der Tabellen kennezeichnet?


Der Code sieht zurzeit so aus: (Stimmt der so? Denn ich habe noch kein Text reingeschrieben und ich möchte das die Größe gleich bleibt)

Code:

<center>
<table border="1" width="700">
<tr>
<td align="left" background="http://i65.servimg.com/u/f65/14/35/60/22/hg210.png" width="233"><div style="margin:auto;text-align:center;width:100%"><strong>Unser Maskottchen</strong></div>
</td>
<td align="left" background="http://i65.servimg.com/u/f65/14/35/60/22/hg210.png" width="233"><div style="margin:auto;text-align:center;width:100%"><strong>Quick Links</strong></div>
</td>
<td align="left" background="http://i65.servimg.com/u/f65/14/35/60/22/hg210.png" width="233"><div style="margin:auto;text-align:center;width:100%"><strong>News</strong></div>
</td>
</tr>
<tr>
<td align="left" width="233"><div style="margin:auto;text-align:center;width:100%">
TEXT</div>
</td>
<td align="left" width="233"><div style="margin:auto;text-align:center;width:100%">
TEXT
</div></span>
</td><td align="left" width="233"><div style="margin:auto;text-align:center;width:100%">
TEXT
</div>
</td>
</tr><tr>
<td align="left" background="http://i65.servimg.com/u/f65/14/35/60/22/hg210.png" width="233"><div style="margin:auto;text-align:center;width:100%"><strong>Das Team</strong></div>
</td>
<td align="left" background="http://i65.servimg.com/u/f65/14/35/60/22/hg210.png" width="233"><div style="margin:auto;text-align:center;width:100%"><strong>Partnerschaft</strong></div>
</td>
<td align="left" background="http://i65.servimg.com/u/f65/14/35/60/22/hg210.png" width="233"><div style="margin:auto;text-align:center;width:100%"><strong>Mitglied der Woche</strong></div>
</td>
</tr>
<tr>
<td align="left" width="233"><div style="margin:auto;text-align:center;width:100%">
TEXT
</div>
</td>
<td align="left" width="233"><div style="margin:auto;text-align:center;width:100%">
TEXT
</div>
</td>
<td align="left" width="233"><div style="margin:auto;text-align:center;width:100%">
TEXT
</div>
</td>
</tr>
<tr>
<td align="left" background="http://i65.servimg.com/u/f65/14/35/60/22/hg210.png" width="233"><div style="margin:auto;text-align:center;width:100%"><strong>RPG News</strong></div>
</td>
<td align="left" background="http://i65.servimg.com/u/f65/14/35/60/22/hg210.png" width="233"><div style="margin:auto;text-align:center;width:100%"><strong>RPG Welten</strong></div>
</td>
<td align="left" background="http://i65.servimg.com/u/f65/14/35/60/22/hg210.png" width="233"><div style="margin:auto;text-align:center;width:100%"><strong>eure RPGs</strong></div>
</td>
</tr>
<tr>
<td align="left" width="233"><div style="margin:auto;text-align:center;width:100%">
TEXT
</div>
</td>
<td align="left" width="233"><div style="margin:auto;text-align:center;width:100%">
TEXT
</div>
</td>
<td align="left" width="233"><div style="margin:auto;text-align:center;width:100%">
TEXT
</div>
</td>
</tr>
</table>
</center>

Es ist recht schwer die Situation zu beschreiben. Hoffe jemand kann mir dabei weiter helfen, bin nämlich recht verzweifelt beim Basteln

Lg Ngoci

Hallo,

in dem Beispiel, das du anführst, ist im Code die Hintergrundgrafik nicht speziell mit einem Bild eingesetzt worden. Die Grafiken, die dort eingesetzt sind, sind die Titel des Tabellenkopfes, wie z.B. Quick Links...

Du musst also Grafiken erstellen, die den Titel zeigen und diese so einsetzen, wie du jetzt im o.g. Code den blauen Hintergrund eingesetzt hast.

Der Hintergrund, der in dem Beispielforum angezeigt wird, ist über die Tabellenformatierung eingefügt worden, d.h. über die Tabellenklasse des Forums td class="row1"...somit wird im Tabellenkopf automatisch das Hintergrundbild angezeigt, was im Adminbereich als Hintergrundbild der Titel eingegeben ist.

Schau mal hier...das ist eine dreispaltige Tabelle in diesem Format. Mehr brauchst du nicht. Überall, wo jetzt TEXT steht, kannst du deine Inhalte einfügen. Wo URL ZUM BILD steht, musst du nur noch die Titel-Grafik einsetzen...das ist alles

Code:

<tr><td class="row1" rowspan="3" align="center" valign="middle"><table border="1" width="700"><tr>
<th width="233"><img src="URL ZUM BILD" alt="" border="0"></th>
<th width="233"><img src="URL ZUM BILD" alt="" border="0"></th>
<th width="233"><img src="URL ZUM BILD" alt="" border="0"></th>
  </tr>
  <tr>
    <td>
<center>TEXT</center>
    </td>

<td>
<center>TEXT</center>
</td>

   
 <td>
<center>TEXT</center>
    </td>
  </tr>
</table>
 

Und wie kann ich die Tabelle vergrößern?
Also ich hätte gerne mehr Spalten und Zeilen^^

Vielen Dank für die Hilfe! hat super geklappt und ich bin sehr froh endlich die Tabelle fertig zu bekommen^^

Mein Beispiel zeigt ja nun drei Spalten, wie du es ja auch gewünscht hattest...

Um zusätzliche Zeilen einzufügen, musst du nur den unteren Teil erneut einsetzen...

Ich habe dir diesen Code jetzt nochmal ein wenig vereinfacht und für drei Spalten mit zwei Zeilen geschrieben:

Code:

<tr><td class="row1" rowspan="3" align="center" valign="middle"><table border="1" width="700"><tr>
<th class="row1" width="233"><img src="URL ZUM BILD" alt="" border="0"></th>
<th class="row1" width="233"><img src="URL ZUM BILD" alt="" border="0"></th>
<th class="row1" width="233"><img src="URL ZUM BILD" alt="" border="0"></th>
  </tr>
  <tr>
    <td>
<center>TEXT</center>
    </td>

<td>
<center>TEXT</center>
</td>
 
 <td>
<center>TEXT</center>
    </td>
  </tr>

  <tr>
<th class="row1" width="233"><img src="URL ZUM BILD" alt="" border="0"></th>
<th class="row1" width="233"><img src="URL ZUM BILD" alt="" border="0"></th>
<th class="row1" width="233"><img src="URL ZUM BILD" alt="" border="0"></th> 
  </tr>

  <tr>
    <td><center>TEXT</center>
</td>

    <td><center>TEXT</center>
</td>

    <td><center>TEXT</center>
    </td>
</tr>
</table>

wenn du jetzt noch mehr Zeilen einfügen möchtest, dann solltest du aus dem Code heraus erkennen, wo und wie du das einsetzt. Denn so, wie ich es jetzt geschrieben habe, ist das leicht erkennbar.
Du solltest dich auch mal mit HTML und der Anwendung dessen auseinandersetzen, damit du sowas in Zukunft auch alleine hinbekommst

Ok vielen Dank^^