FB: Tabellen-Layout

Beitrag lesen

Hallo Florian,

schaue Dir mal folgendes an:

<html>
 <head>
  <title>Something wicked this way comes...</title>
 </head>
 <body>
  <div align='center'>
   <!--banner logo-->
   <table border='1' cellpadding='3' cellspacing='3' width='750'>
    <tr valign='top'>
     <td align='left'>Something wicked this way comes...</td>
    </tr>
   </table>
   <!--alles unterhalb des logos-->
   <table border='1' cellpadding='3' cellspacing='3' width='750'>
    <tr valign='top'>

<td>
      <table border='1' cellpadding='3' cellspacing='3'>
       <tr valign='top'>
        <td><img src='1.png' height='91' width='116'></td>
       </tr>
       <!--links-->
       <tr valign='top'>
        <td>
         <table border='0' cellpadding='3' cellspacing='3' width='100%' height='100%'>
          <tr valign='top'>
           <td>link #1</td>
          </tr>
          <tr valign='top'>
           <td>link #2</td>
          </tr>
          <tr valign='top'>
           <td>link #3</td>
          </tr>
          <tr valign='top'>
           <td>link #4</td>
          </tr>
          <tr valign='top'>
           <td>link #5</td>
          </tr>
          <tr valign='top'>
           <td>link #6</td>
          </tr>
         </table>
        </td>
       </tr>
       <!--links unten-->
       <tr valign='top'>
        <td>
         <table border='0' cellpadding='3' cellspacing='3' width='100%' height='100%'>
          <tr valign='top'>
           <td>link #1</td>
          </tr>
          <tr valign='top'>
           <td>link #2</td>
          </tr>
          <tr valign='top'>
           <td>link #3</td>
          </tr>
          <tr valign='top'>
           <td>link #4</td>
          </tr>
         </table>
        </td>
       </tr>
      </table>
     </td>

<!--willkommen-->
    <td width='100%'>
     <table border='1' cellpadding='3' cellspacing='3' width='100%'>
      <tr valign='top'>
       <td>WILLKOMMEN</td>
      </tr>
     </table>

<!--text-->
     <table border='0' cellpadding='3' cellspacing='3' width='100%' height='350'>
      <tr valign='top'>
       <td>TEXT</td>
      </tr>
     </table>
    </td>

<!--rechts-->
     <td>
      <table border='1' cellpadding='3' cellspacing='3'>
       <tr valign='top'>
        <td><img src='2.png' height='91' width='116'></td>
       </tr>
       <tr valign='top'>
        <td>
         <table border='0' cellpadding='3' cellspacing='3' width='100%'>
          <tr valign='top'>
           <td>rechts #1</td>
          </tr>
          <tr valign='top'>
           <td>rechts #2</td>
          </tr>
         </table>
        </td>
       </tr>
       <!--rechts unten-->
       <tr valign='top'>
        <td>
         <table border='0' cellpadding='3' cellspacing='3' width='100%'>
          <tr valign='top'>
           <td>rechts unten #1</td>
          </tr>
          <tr valign='top'>
           <td>rechts unten #2</td>
          </tr>
         </table>
        </td>
       </tr>
      </table>
     </td>

</tr>
   </table>
  </div>
 </body>
</html>

Viel Spass.

Gruss FB