Responsive und Slick Navigation mit responsiver Tabelle

 

 

CSS

Komponenten

NOF-Tutorals

PHP

CMS

Multimedia

Tommys Anleitungen

 

 

Diese Tabelle habe ich mit dem Tabellen-Generator von Werner-Zenk.de erstellt

Die CSS, hier in der HTML vom Layout “Zwischen Head Tags”:

<style>
    table#table {
     margin: auto;
     border: 1px solid black;
     border-radius: 10px;
     background-color: #43ADC7;
     width: 90%;
     word-wrap: break-word;
     table-layout: fixed;
    }

    table#table tr th,
    table#table tr td {
     padding: 10px;
    }
</style>

 

 

Die Tabelle, im HTML-Code Editor eines Textfeldes:

            <table id="table">
             <tr>
              <td>CSS</td>
              <td><p>Komponenten</p></td>
              <td></td>
              <td><p>NOF-Tutorals</p></td>
             </tr>
             <tr>
              <td></td>
              <td><p>PHP</p></td>
              <td><p>CMS</p></td>
              <td></td>
             </tr>
             <tr>
              <td><p>Multimedia</p></td>
              <td></td>
              <td><p>Tommys Anleitungen</p></td>
              <td></td>
             </tr>
            </table>

 

 

nach oben

Viel Erfolg!

Willkommen bei NOF-Tutorials.com