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></body> </html>