Benutzer:Patrick Oberdoerfer/Bautechnik/Lernfeld NULL: Unterschied zwischen den Versionen
Aus ZUM Projektwiki
K (Änderung 100529 von Patrick Oberdoerfer (Diskussion) rückgängig gemacht.) Markierung: Rückgängigmachung |
Keine Bearbeitungszusammenfassung Markierung: 2017-Quelltext-Bearbeitung |
||
| Zeile 97: | Zeile 97: | ||
</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> | |||
Version vom 23. Dezember 2024, 08:47 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>
</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>
