Tabelle neben den header machen?

Hallo,
nochmal eine frage meinerseits, sry...
Also, Frank hat mir ja bereits gesagt, das dass mit den Modulen neben dem headder nicht geht, aber nun hatte ich mir überlegt einfach eine Tabelle selbst zu entwerfen, wie die, die ich im Kopfteil Template stehen hab, nur eben etwas umgeschrieben.
Aber um die Tabelle richtig einzufügen (habe die Tabelle schon fertig gemacht so dass wenn es mir möglich ist ich sie nur noch einfügen muss) müsste ich wissen, wo genau, also in welchen Abschnitt des Codes ich es einfügen muss...
Geht das? oder mach ich da irgendwas kaputt? und wenn ja, in welchen Abschnitt muss das rein, oder welchen Code muss ich verwenden um es neben den Headder zu stellen?

sry, wenn es diesen Thread schon einmal gab mit dem gleichen inhalt, aber ich fand nichts hab wirklich alle möglichen Stichwörter eingegeben...

Geht es um das Forum aus deinem Profil?
http://freiheitssterne.forumieren.com/
Wie würde das denn aussehen, wenn dort noch eine Tabelle daneben steht.
Oder ist das für ein anderes Forum?

Das ist für mein anderes RPG Forum, freiheitssterne wird bald gelöscht wenn es weiterhin inaktiv ist.

hier der andere Link: http://mystical-night.forumieren.com/

Ich würde das Forum passend dazu gestalten

Auch in dem Forum hast du ja einen Richtig großen Header.
Wo du das einsetzten musst, kann ich dir sagen. Es ist das Template
overall_header
Dort findest du diesen Abschnitt:

Code:

   <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="middle">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                     <br />
                     <!-- END switch_logo_center -->
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
                  </td>
                  <!-- BEGIN switch_logo_right -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_right -->
               </tr>
            </table>

Je nach dem welche Option du für die Anzeige des Forenlogos verwendet hast (left, center oder right) must du den entsprechenden Abschnitt erweitern.
Du siehst, das das Forenlogo in einer Einspaltigen Tabelle steht. Diese Tabelle musst du in Zwei Teile (Spalten) teilen und in die neue Freie Spalte dann deine Tabelle einsetzen.

Also, das hier der Code von meinem Forum:

Code:

<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
        <tr>
            <td class="bodyline">
                <table width="100%" cellspacing="0" cellpadding="0" border="0">
                    <tr>
                        <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
                    </tr>
                    <tr>
                        <!-- BEGIN switch_logo_left -->
                        <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>

                        <!-- END switch_logo_left -->
                        <td align="center" width="100%" valign="middle">
                            <!-- BEGIN switch_logo_center -->
                            <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                           

                            <!-- END switch_logo_center -->
                            <div class="maintitle">{MAIN_SITENAME}</div>
                           

                            <span class="gen">{SITE_DESCRIPTION}
&nbsp; </span>
                        </td>
                        <!-- BEGIN switch_logo_right -->
                        <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                        <!-- END switch_logo_right -->
                    </tr>
                </table>

und nun muss ich einfach irgendwo dazwischen eine erneute Tabelle hinzufügen oder?

Das hier ist doch der HTML code von der Banner anzeige oder? dann muss ich darüber eine Tabelle einfügen, welche zb. Links angezeigt wird, nicht?

Code:

</td>
                        <!-- BEGIN switch_logo_right -->
                        <td><a href="{U_INDEX}"><img
src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"
/></a></td>
                        <!-- END switch_logo_right -->
                    </tr>
                </table>

*edit:

jayy, fast geschafft ist knapp daneben gegangen, ich hab das mal mit meinen HTML kenntnissen soweit gebracht:

http://miny.forumr.net/

das ist das Test Forum Aber wird eben die Forenstruktur an sich auch breit gezogen, hab ich auch die möglichkeit den banner und die struktur von einander zu trennen, wenn ich den Banner in den Templates direkt einfüge?

Sieht doch eigentlich schon ganz gut aus. Aber wenn du diese Tabelle in die Forenstruktur rein ziehen möchtest, dann ist das der Falsche weg. Du musst dann deine Tabelle mit einer Absoluten Positionierung in deinen Header einsetzen. Das machst du am Besten direkt hinter dem Head Bereich an dieser Stelle:

Code:

</head>
Hier muss dann deine Absolut Positionierte Tabelle rein!
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

Ich habe es mal so eingesetzt:

Code:

</head>
<div style="position: absolute; top: 20px; left: 10px; z-index: 10000;">
  <table border="1" width="300" bordercolor="#000000">
    <tr>
      <td bgcolor="#FFFF00" bordercolor="#000000"><span class="genmed">Zeile 1</span></td>
    </tr>
    <tr>
      <td bgcolor="#FFFF00" bordercolor="#000000"><span class="genmed">Zeile 2</span></td>
    </tr>
    <tr>
      <td bgcolor="#FFFF00" bordercolor="#000000"><span class="genmed">Zeile 3</span></td>
    </tr>
    <tr>
      <td bgcolor="#FFFF00" bordercolor="#000000"><span class="genmed">Zeile 4</span></td>
    </tr>
  </table>
</div>

<body background

Wichtig ist hierbei die DIV Class:

Code:

<div style="position: absolute; top: 20px; left: 10px; z-index: 10000;">

Hier kannst du die Position deiner Tabelle genau anpassen und diese ragt dann auch in den Unteren Teil rein, wenn du es möchtest.

Zu sehen ist das hier:
http://frank3.forumieren.eu/forum

Oh DANKE! so wäre es super, nur hab ich grad das problem, das bei der Tabelle, die ich gemacht hab irgendwie nichts funktioniert, daher hab ich mal deine genommen und hab geschaut wo ich die größe auf 200x300 px. ändern kann, aber finds i-wie niergends?

Der code hier sit ja zum festlegen wo genau die Tabelle positioniert wird oder?

Code:

<div style="position: absolute; top: 20px; left: 10px; z-index: 10000;">

Genau, das isst die Position.
Und die größe der Tabelle gibst du doch in der Tabelle selber an:
<table border="0" width="200" higth="300" ...

Hat geklappt, vielen dank *-* echt super toll :3 und danke für deine Mühe!!!!!!!!!!!!!!


ach ja, bevor ichs vergesse: kann ich die Tabelle auch abrunden?

Wenn du die TD Class oder die Table Class einsetzt, z.B. Row1, dann sollte das mit deinen Einstellungen aus deinem CSS angezeigt werden.

Also den code?

Code:

<td class="row1" align="left" valign="top">und hier die tabelle</td>

EDIT: hat sich erledigt Danke für deine tolle hilfe :3

nein, du musst das dann folgendermaßen ändern:

anstatt:

Code:

<td bgcolor="#FFFF00" bordercolor="#000000"><span class="genmed">Zeile 1</span></td>

muss es so lauten:

Code:

<td class="bodyline" bgcolor="#FFFF00" bordercolor="#000000"><span class="genmed">Zeile 1</span></td>

du hast ja im CSS bodyline abgerundet, also wird das dann auch so für die Tabellenspalten angezeigt


edit: ich hab dein "edit" nicht gesehen

danke Zuckerpuppe, hatte nur Edit dazu geschrieben da ich mir gedacht hatte, eig. gehts so ja auch, aber ich versuchs trotzdem mal abgerundet, da siehst sicher besser aus *gg*

und, irgendwie geht der code nur so:

<tr>
<td class="bodyline" bgcolor="#FFFF00" bordercolor="#000000"><span class="genmed">Zeile 1
</tr></span></td>


kann ich das eig. auch irgendwie so machen, das es oben abgerundete ecken hat in der mitte gerade ist und ganz unten dann wieder abgerundet?

oh, ich hab dein edit wieder nur durch Zufall gesehen....

ja, das geht auch...

Gib dann einfach eine table-class ein.

Code:

<table class="bodyline" border="1" width="300" bordercolor="#000000">

anstatt

Code:

<table border="1" width="300" bordercolor="#000000">

Da bei dir im CSS der Code für "bodyline" so extreme Abrundungen hat, kann es sein, dass dann der abgerundet Rahmen zu winzig wird.
Um das zu vermeiden, musst du eine neue Klasse erstellen und dieser dann im CSS andere Werte für die Rundungen zuordnen.

Beispiel:
ich hab jetzt mal die Klasse "rundung" eingegeben

Code:

<table class="rundung" border="1" width="300" bordercolor="#000000">

ins CSS könntest du es dann so einstellen:

Code:

.rundung{
   background-image: url(http://i40.servimg.com/u/f40/15/60/79/44/musta12.png);
   -moz-box-shadow: 1px 1px 7px #787878;
   -moz-border-radius-bottomleft:10px;
   -moz-border-radius-bottomright:10px;
   -moz-border-radius-topleft:10px;
   -moz-border-radius-topright:10px;}

ah okay danke dann kann hier geclosed werden *-*

Alles klar, dann mach ich hier zu

-closed-