Hilfe - Suche - Mitglieder - Kalender
Vollansicht: Erstellung von 2 Tabellen nebeneinander
HTML-Editor phase 5 Support > Fragen, Lösungen zu HTML-Problemen bzw. Webdesign-Fragen - Talk > HTML
gasaffe
Hallo,

ich möchte zwei unterschiedliche Tabellen nebeneinander in einer großen Tabelle erstellen, aber mit meinen Anfängerkenntnissen klappt das irgendwie nicht.

Beide Tabellen erscheinen untereinander, kann mir jemand sagen, wie ich die Tabellen verschachteln muß ???


QUELLTEXT
<table width="100%" border="1">         <!-- äußere Tabelle  -  ganze Seite   -->


<table width="20%" border="1">       <!-- 1. Tabelle mit 1 Spalte – ca. 10 Zeilen -->

<tr>                  <!-- 1. Zeile   -  Überschrift  -->
<th>  <b>Reiseziele</b>
       </font>
</tr>

<tr>           <!--  2.Zeile        -->
    <td>
       <A HREF="erstes Ziel"></A>
    </td>
</tr>

<tr>               <!--  3. Zeile     -->
   <td>
       <A HREF="zweites Ziel"></A>
   </td>
</tr>
            <!-- und so weiter -->
</table>


                <!-- Tabelle daneben  -  5 Spalten   5 Reihen         -->
<table width="80%">
<tr>               <!--  1. Zeile   Breite festlegen   -->
<td width="34%"> </td>
<td width="12%"> </td>
<td width="12%"> </td>
<td width="12%"> </td>
<td width="10%"> </td>
</tr>


<tr valign="top">               <!--  2. Zeile   Spalte 3-5 belegt   -->
   <td></td>
   <td></td>
   <td>text text text </td>
   <td>text text text </td>
<td>text text  text </td>

<tr>
   <td> text text</td>
</tr>

</table>
</table>





Bin für Tips dankbar

Gruß gasaffe


Andreas
So. Du musst innerhalb der äußeren Tabelle natürlich auch Tablerows und tablecols angeben ...

QUELLTEXT
<table width="100%" border="1
">
  <tr>
    <td>
         <table width="20%" border="1">       <!-- 1. Tabelle mit 1 Spalte – ca. 10 Zeilen -->

         <tr>                  <!-- 1. Zeile   -  Überschrift  -->
         <th>  <b>Reiseziele</b>
                </font>
         </tr>

         <tr>           <!--  2.Zeile        -->
             <td>
                <A HREF="erstes Ziel"></A>
             </td>
         </tr>

         <tr>               <!--  3. Zeile     -->
            <td>
                <A HREF="zweites Ziel"></A>
            </td>
         </tr>
                     <!-- und so weiter -->
         </table>

    </td>
    <td>
                <!-- Tabelle daneben  -  5 Spalten   5 Reihen         -->
    <table width="80%">
    <tr>               <!--  1. Zeile   Breite festlegen   -->
    <td width="34%"> </td>
    <td width="12%"> </td>
    <td width="12%"> </td>
    <td width="12%"> </td>
    <td width="10%"> </td>
    </tr>


    <tr valign="top">               <!--  2. Zeile   Spalte 3-5 belegt   -->
       <td></td>
       <td></td>
       <td>text text text </td>
       <td>text text text </td>
    <td>text text  text </td>

    <tr>
       <td> text text</td>
    </tr>

    </table>

    </td>
  </tr>
</table>
Dieses ist eine vereinfachte Darstellung unseres Foreninhaltes. Um die detaillierte Vollansicht mit Formatierung und Bildern zu betrachten, bitte hier klicken.
Invision Power Board © 2001-2012 Invision Power Services, Inc.