Benutzer:Patrick Oberdoerfer/Bautechnik/Lernfeld NULL: Unterschied zwischen den Versionen

Aus ZUM Projektwiki
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
K (Änderung 100529 von Patrick Oberdoerfer (Diskussion) rückgängig gemacht.)
Markierung: Rückgängigmachung
Zeile 1: Zeile 1:
Test Tabelle
Test Tabelle


<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    /* Tabellenstil */
    table {
      width: 100%;
      border-collapse: collapse;
    }


    th, td {
      border: 1px solid #ddd;
      text-align: center;
      padding: 8px;
    }


    th {
      background-color: #f4f4f4;
    }
    /* Bilder skalieren */
    img {
      max-width: 100%;
      height: auto;
      display: block;
    }
    /* Responsivität */
    @media screen and (max-width: 768px) {
      table, th, td {
        display: block;
        width: 100%;
      }
      th, td {
        text-align: left;
        padding: 10px;
      }
    }
  </style>
</head>
<body>
<table>
  <thead>
    <tr>
      <th>Spalte 1</th>
      <th>Spalte 2</th>
      <th>Spalte 3</th>
      <th>Spalte 4</th>
      <th>Spalte 5</th>
    </tr>
  </thead>
  <tbody>
     <!-- Beispielzellen mit Bildplatzhaltern -->
     <!-- Beispielzellen mit Bildplatzhaltern -->
     <tr>
     <tr>

Version vom 23. Dezember 2024, 08:44 Uhr

Test Tabelle

<!DOCTYPE html> <html lang="de"> <head>

 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <style>
   /* Tabellenstil */
   table {
     width: 100%;
     border-collapse: collapse;
   }
   th, td {
     border: 1px solid #ddd;
     text-align: center;
     padding: 8px;
   }
   th {
     background-color: #f4f4f4;
   }
   /* Bilder skalieren */
   img {
     max-width: 100%;
     height: auto;
     display: block;
   }
   /* Responsivität */
   @media screen and (max-width: 768px) {
     table, th, td {
       display: block;
       width: 100%;
     }
     th, td {
       text-align: left;
       padding: 10px;
     }
   }
 </style>

</head> <body>

<thead> </thead> <tbody> </tbody>
Spalte 1 Spalte 2 Spalte 3 Spalte 4 Spalte 5
20150226 U-Bahn-Moosach Wasserschaden01
<img src="https://via.placeholder.com/100" alt="Bild 2"> <img src="https://via.placeholder.com/100" alt="Bild 3"> <img src="https://via.placeholder.com/100" alt="Bild 4"> <img src="https://via.placeholder.com/100" alt="Bild 5">
<img src="https://via.placeholder.com/100" alt="Bild 6"> <img src="https://via.placeholder.com/100" alt="Bild 7"> <img src="https://via.placeholder.com/100" alt="Bild 8"> <img src="https://via.placeholder.com/100" alt="Bild 9"> <img src="https://via.placeholder.com/100" alt="Bild 10">
<img src="https://via.placeholder.com/100" alt="Bild 11"> <img src="https://via.placeholder.com/100" alt="Bild 12"> <img src="https://via.placeholder.com/100" alt="Bild 13"> <img src="https://via.placeholder.com/100" alt="Bild 14"> <img src="https://via.placeholder.com/100" alt="Bild 15">
<img src="https://via.placeholder.com/100" alt="Bild 16"> <img src="https://via.placeholder.com/100" alt="Bild 17"> <img src="https://via.placeholder.com/100" alt="Bild 18"> <img src="https://via.placeholder.com/100" alt="Bild 19"> <img src="https://via.placeholder.com/100" alt="Bild 20">
<img src="https://via.placeholder.com/100" alt="Bild 21"> <img src="https://via.placeholder.com/100" alt="Bild 22"> <img src="https://via.placeholder.com/100" alt="Bild 23"> <img src="https://via.placeholder.com/100" alt="Bild 24"> <img src="https://via.placeholder.com/100" alt="Bild 25">

</body> </html>