Die Grafik in der Überschrift einer Tabelle
Ngoci at 19h40
26
Dec
2010
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)
Es ist recht schwer die Situation zu beschreiben. Hoffe jemand kann mir dabei weiter helfen, bin nämlich recht verzweifelt beim Basteln
Lg Ngoci
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
1 Zuckerpuppe, am 27/12/2010 at 10h01
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
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>
2 Ngoci, am 27/12/2010 at 11h02
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^^
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^^
3 Zuckerpuppe, am 27/12/2010 at 12h29
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:
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
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
4 Ngoci, am 27/12/2010 at 13h17
Ok vielen Dank^^
Similar topics
Hey Leute
Also ich wollte eine simple Tabelle erstellen, und weiß einfach nicht, was ich falsch gemacht habe, da sie nicht so erscheint, wie sie sollte ._.
Das ist der Code:
Code:[table border=1] [tr][td] Pokemon [/td]
Guten Abend ihr Lieben. ^^
Ersteinmal eine schöne Weihnachtszeit an euch alle <3
Kommen wir zu meiner Frage. Ist es möglich die Indexmodule auf der Foren Startseite mit dem Logo, der Navigation und der Tabelle auf eine Höhe zu bekommen? Bzw. was
Hallo^^
Habe es mit MS Frontpage versucht die Tabelle zu machen, um nicht alls per Hand mach zu müssen. *Ja hoch lebe die Faulheit* xD
Der Code sieht im Moment so aus:
Code:<tr><td class="row1" rowspan="3"
Antworten 1 zu 4 auf 4 für "Die Grafik in der Überschrift einer Tabelle"
Suchen
Siehe auch
Informations
4 Antworten For the topic :
"Die Grafik in der Überschrift einer Tabelle"
This topic has been viewed 290 times.
Last message :
26/12/2010 at 19h40 von "Ngoci"
