Lexi Help
Die neuesten Themen
» Private Nachrichten
von inde Gestern um 22:32

» Wie kann man erkennen, welche Forenversion ein anderes Forum hat?
von inde Gestern um 22:24

» Ad Ware im Forum?
von inde Gestern um 20:38

» [Update] Neues Theme der mobilen Version V2
von #Frank Gestern um 16:57

» [phpBB2] Probleme mit der "Postprofil" Anzeige
von Dr.Keks Sa 24 Sep 2016 - 11:29

» [Sammelthread] Unangebrachte Werbung
von inde Fr 23 Sep 2016 - 9:00

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Do 22 Sep 2016 - 20:30

» [phpBB2] Gruppen in der Wer is Online Anzeige "trennen"
von TheRollyJoger Mi 21 Sep 2016 - 10:49

» Yaruma - Fantasy-RPG Forum
von Alketa Di 20 Sep 2016 - 21:34

» [phpBB3] Links automatisch kursiv
von inde Di 20 Sep 2016 - 17:37

» [Invision] Kompletter Css-Codebaum gesucht !
von inde Di 20 Sep 2016 - 13:12

» Filmforum "Dark Movie Dreams"
von Ray Di 20 Sep 2016 - 11:56

» Forumseite mit Mailware verseucht ?
von inde Mo 19 Sep 2016 - 20:31

» Ich kann keine Hintergrundbilder hochladen
von Serv Mo 19 Sep 2016 - 19:59

» SQL Zugang
von inde Mo 19 Sep 2016 - 18:56

» Design vergrößern. Probleme mit Design.
von Minka02 Mo 19 Sep 2016 - 17:42

Partner
free forum

Die Grafik in der Überschrift einer Tabelle

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Die Grafik in der Überschrift einer Tabelle

Beitrag von Ngoci am So 26 Dez 2010 - 19:40

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 Sad

Lg Ngoci

Ngoci
Premium-User
Premium-User

Weiblich Beiträge : 355
2.Ermahnung
Anmeldedatum : 12.09.09

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Die Grafik in der Überschrift einer Tabelle

Beitrag von Zuckerpuppe am Mo 27 Dez 2010 - 10:01

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 Wink


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>
 


Zuletzt von Zuckerpuppe am Mo 27 Dez 2010 - 12:13 bearbeitet, insgesamt 1 mal bearbeitet

Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19541
Anmeldedatum : 24.04.08

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Die Grafik in der Überschrift einer Tabelle

Beitrag von Ngoci am Mo 27 Dez 2010 - 11:02

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^^

Ngoci
Premium-User
Premium-User

Weiblich Beiträge : 355
2.Ermahnung
Anmeldedatum : 12.09.09

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Die Grafik in der Überschrift einer Tabelle

Beitrag von Zuckerpuppe am Mo 27 Dez 2010 - 12:29

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 Wink

Zuckerpuppe
Admin a.D.
Admin a.D.

Weiblich Beiträge : 19541
Anmeldedatum : 24.04.08

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Die Grafik in der Überschrift einer Tabelle

Beitrag von Ngoci am Mo 27 Dez 2010 - 13:17

Ok vielen Dank^^

Ngoci
Premium-User
Premium-User

Weiblich Beiträge : 355
2.Ermahnung
Anmeldedatum : 12.09.09

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten