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

Aus ZUM Projektwiki
(Tabelle eingefügt)
Markierung: 2017-Quelltext-Bearbeitung
 
Keine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
(9 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
Test Tabelle
Test Tabelle
{| class="wikitable"
! Spalte 1 von 5
! Spalte 2 von 5
! Spalte 3 von 5
! Spalte 4 von 5
! Spalte 5 von 5
|-
| [[File:20150226 U-Bahn-Moosach Wasserschaden01.jpg|thumb|20150226 U-Bahn-Moosach Wasserschaden01]]
| [[File:20150226 U-Bahn-Moosach Wasserschaden01.jpg|thumb|20150226 U-Bahn-Moosach Wasserschaden01]]
| [[File:20150226 U-Bahn-Moosach Wasserschaden01.jpg|thumb|20150226 U-Bahn-Moosach Wasserschaden01]]
| [[File:20150226 U-Bahn-Moosach Wasserschaden01.jpg|thumb|20150226 U-Bahn-Moosach Wasserschaden01]]
| [[File:20150226 U-Bahn-Moosach Wasserschaden01.jpg|thumb|20150226 U-Bahn-Moosach Wasserschaden01]]
|-
| 1b
| 2c
| 3e
| 4n
| 5h
|}


<!DOCTYPE html>
<!DOCTYPE html>
Zeile 58: Zeile 78:
     <!-- Beispielzellen mit Bildplatzhaltern -->
     <!-- Beispielzellen mit Bildplatzhaltern -->
     <tr>
     <tr>
       <td><img src="https://via.placeholder.com/100" alt="Bild 1"></td>
       <td>[[File:20150226 U-Bahn-Moosach Wasserschaden01.jpg|thumb|20150226 U-Bahn-Moosach Wasserschaden01]]</td>
       <td><img src="https://via.placeholder.com/100" alt="Bild 2"></td>
       <td><img src="https://via.placeholder.com/100" alt="Bild 2"></td>
       <td><img src="https://via.placeholder.com/100" alt="Bild 3"></td>
       <td><img src="https://via.placeholder.com/100" alt="Bild 3"></td>
Zeile 97: Zeile 117:
</body>
</body>
</html>
</html>
NEUER VERSUCH
<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>
<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>
    <tr>
      <td>[[File:20150226 U-Bahn-Moosach Wasserschaden01.jpg|thumb|20150226 U-Bahn-Moosach Wasserschaden01]]</td>
      <td><img src="https://via.placeholder.com/100" alt="Bild 2"></td>
      <td><img src="https://via.placeholder.com/100" alt="Bild 3"></td>
      <td><img src="https://via.placeholder.com/100" alt="Bild 4"></td>
      <td><img src="https://via.placeholder.com/100" alt="Bild 5"></td>
    </tr>
    <tr>
      <td><img src="https://via.placeholder.com/100" alt="Bild 6"></td>
      <td><img src="https://via.placeholder.com/100" alt="Bild 7"></td>
      <td><img src="https://via.placeholder.com/100" alt="Bild 8"></td>
      <td><img src="https://via.placeholder.com/100" alt="Bild 9"></td>
      <td><img src="https://via.placeholder.com/100" alt="Bild 10"></td>
    </tr>
    <tr>
      <td><img src="https://via.placeholder.com/100" alt="Bild 11"></td>
      <td><img src="https://via.placeholder.com/100" alt="Bild 12"></td>
      <td><img src="https://via.placeholder.com/100" alt="Bild 13"></td>
      <td><img src="https://via.placeholder.com/100" alt="Bild 14"></td>
      <td><img src="https://via.placeholder.com/100" alt="Bild 15"></td>
    </tr>
    <tr>
      <td><img src="https://via.placeholder.com/100" alt="Bild 16"></td>
      <td><img src="https://via.placeholder.com/100" alt="Bild 17"></td>
      <td><img src="https://via.placeholder.com/100" alt="Bild 18"></td>
      <td><img src="https://via.placeholder.com/100" alt="Bild 19"></td>
      <td><img src="https://via.placeholder.com/100" alt="Bild 20"></td>
    </tr>
    <tr>
      <td><img src="https://via.placeholder.com/100" alt="Bild 21"></td>
      <td><img src="https://via.placeholder.com/100" alt="Bild 22"></td>
      <td><img src="https://via.placeholder.com/100" alt="Bild 23"></td>
      <td><img src="https://via.placeholder.com/100" alt="Bild 24"></td>
      <td><img src="https://via.placeholder.com/100" alt="Bild 25"></td>
    </tr>
  </tbody>
</table>

Aktuelle Version vom 23. Dezember 2024, 08:54 Uhr

Test Tabelle

Spalte 1 von 5 Spalte 2 von 5 Spalte 3 von 5 Spalte 4 von 5 Spalte 5 von 5
20150226 U-Bahn-Moosach Wasserschaden01
20150226 U-Bahn-Moosach Wasserschaden01
20150226 U-Bahn-Moosach Wasserschaden01
20150226 U-Bahn-Moosach Wasserschaden01
20150226 U-Bahn-Moosach Wasserschaden01
1b 2c 3e 4n 5h


<!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>


NEUER VERSUCH <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>

<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">