[HTML] Tabellen Problem

[PierreB]

Guten Morgen,

ich richte gerade eine Portalseite für ein Forum ein, habe aber folgendes Problem: Ich habe eine Tabelle mit 2 Spalten. In der einen ist eine Box wer gerade onlin eist, in der zweiten stehen die letzten Themen. Nur leider ist die erste Box weiter unten als die zweite (siehe Anhang). Wie kann ich beide Boxen oben nebeneinander positionieren, wie in der DP ? Danke schonmal.

P.S.: HTML:

Code:

<span class="nav">[url="{U_INDEX}"]{L_INDEX}[/url]</span>
<table >
<tr>
<td><table width="25%" cellpadding="3" cellspacing="1" border="0" class="forumline">
  <tr> 
      <th colspan="5">[url="{U_VIEWONLINE}"]<font size="1">{L_WHO_IS_ONLINE}</font>[/url]</th>
  </tr>
  <tr> 
      <!-- Wieviele User online, etc.<td class="row1" align="left" width="100%"><span class="gensmall">{TOTAL_POSTS}
{TOTAL_USERS}
{NEWEST_USER}</span></td>!-->
  </tr>
  <tr> 
      <td class="row1" align="left"><span class="gensmall">{TOTAL_USERS_ONLINE} {LOGGED_IN_USER_LIST}</span></td>
  </tr>
</table>

<table width="100%" cellpadding="1" cellspacing="1" border="0">
   <tr>
      
   </tr>
</table></td>


<td>
<table width="60%" cellpadding="1" cellspacing="1" border="0" align="center" class="forumline">
  <tr>
        <th colspan="5">{L_RECENT_TITLE}</th>
   </tr>
   <tr>
         <td class="catLeft" colspan="1" height="28"><span class="cattitle"><font size=1> </font></a></span></td>
         <td class="catLeft" colspan="1" height="28"><span class="cattitle"><font size=1>Themen</font></a></span></td>
         <td class="catLeft" colspan="1" height="28"><span class="cattitle"><font size=1>Antw.</font></a></span></td>
         <td class="catLeft" colspan="1" height="28"><span class="cattitle"><font size=1>Letzter Beitrag</font></a></span></td>
  </tr>
  
  <tr> 
        <td class="{recent.ROW_CLASS}" align="center" valign="middle">[img]{recent.TOPIC_FOLDER_IMG}[/img]</td>
        <td class="{recent.ROW_CLASS}" nowrap="nowrap"><span class="topictitle">{recent.NEWEST_IMG}{recent.TOPIC_TYPE}[url="{recent.U_VIEW_TOPIC}"]{recent.TOPIC_TITLE}[/url]</span>
                                                                                       <span class="gensmall">
{recent.FIRST_AUTHOR}
</span></td>
        <td class="{recent.ROW_CLASS}" width="4%" align="left"><span class="postdetails"><center>{recent.REPLIES}</center>
                                                                                                 </span></td>
       
        <td class="{recent.ROW_CLASS}" width="17%" nowrap="nowrap"><span class="postbody"></span>
                                                                                                           <span class="gensmall"><center>{recent.LAST_URL} {recent.LAST_TIME}
{recent.LAST_AUTHOR}</center></span></td>
  </tr>
  
</table>
[img]templates/c3s/images/c3s_shadow.gif[/img]



</td></tr></table>                       
                       
                        {REPORT_INFO}

[alcaeus]

Moin Pierre,

einfach vertical-align in die style-Angabe reingeben. Hier ein Beispiel:

Code:

<table style="width:100%;" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td style="width:25%; vertical-align:top;">
      <table ...>...</table>
    </td>
    <td style="width:75%; vertical-align:top;">
      <table ...>...</table>
    </td>
  </tr>
</table>

Greetz
alcaeus

[NicoDE]

Entweder im Style

Code:

text-align     : left;
vertical-align : top;

oder direkt im HTML

Code:

align="left" valign="top"

[PierreB]

Vielen Dank euch beiden, es geht jetzt.