Tabellen zum Kopieren

DruckversionPDF version

 

Achtung: HTML Layout-Tabellen gelten als veraltet und nicht barrierefrei. Webseiten sollten durch CSS positioniert werden.

Der einzige zwingende Grund, Tabellen für das Layout zu verwenden,  sind HTML Newsletter, die in E-Mail-Browsern korrekt angezeigt werden sollen.

 

<!--Zwei Tabellen für Menü und Webseiten-Inhalt plus zwei Tabellen für Kopf- und Fußteil -->

<TABLE width="100%">
   <TBODY>
     <TR>
        <TD width="100%">
              <h1>Hier erscheint der Kopfteil: Straßenfest in der Böhmerstraße</h1>
       </TD>
      </TR>
   </TBODY>
</TABLE>


<!-- zwei Tabellen für Menüleiste oben und Inhalt -->


<TABLE width="100%">
   <TBODY>
     <TR>
      <TD width="20%" bgcolor="#fcf0e1"><a href="/index_1.htm">Home</a> </TD>
      <TD width="20%" bgcolor="#fcf0e1"> <a href="/programm_1.htm">Programm</a> </TD> 
      <TD width="20%" bgcolor="#f7f7f7"> <a href="/hilfe_1.htm">Helfer willkommen</a> </TD>
      <TD width="20%" bgcolor="#fcf0e1"> <a href="/kontakt_1.htm">Kontakt</a> </TD>
      <TD width="20%" bgcolor="#fcf0e1"> <a href="/impressum_1.htm">Impressum</a> </TD>
     </TR>
   </TBODY>
</TABLE>


<TABLE width="100%" height="300px">
   <TBODY>
     <TR>
         <TD valign="middle" align="center"> <p>Helfer willkommen</p> </TD>
     </TR>
   </TBODY>
</TABLE>


<!-- Tabelle für den Fußteil -->


<TABLE width="100%" valign="bottom">
  <TBODY>
     <TR>
       <TD width="100%" align="center" valign="bottom"> <p>Hier erscheint der Fußteil: Veranstalter</p></TD>      
     </TR>
  </TBODY>
</TABLE>

rhein-main-experten.de wird überprüft von der Initiative-S