rattatwinko/INF6B
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

boxen wm beispiel

Browse Source
This commit is contained in:
rattatwinko
2026-04-27 12:48:36 +02:00
parent c68082c1a7
commit e181656f04
5 changed files with 158 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files
html/gruppen/index.html
+28 -81
View File
@@ -1,159 +1,106 @@
<!DOCTYPE html>
<html lang="en">
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles/index.css">
<title>FIFA World Cup 2026 Gruppen</title>
<meta charset="utf-8">
<title>FIFA World Cup 2026 Gruppen - einfache Version</title>
</head>
<body>
<h1>Gruppen der Fußball-WM 2026</h1>
<div class="container">
<div class="group-card">
<table>
<thead><tr><th>Gruppe A</th></tr></thead>
<tbody>
<table border="1" cellspacing="0" cellpadding="4">
<caption>Gruppe A</caption>
<tr><td>Mexiko</td></tr>
<tr><td>Südafrika</td></tr>
<tr><td>Südkorea</td></tr>
<tr><td>Tschechien</td></tr>
</tbody>
</table>
</div>
<div class="group-card">
<table>
<thead><tr><th>Gruppe B</th></tr></thead>
<tbody>
<table border="1" cellspacing="0" cellpadding="4">
<caption>Gruppe B</caption>
<tr><td>Kanada</td></tr>
<tr><td>Bosnien-H.</td></tr>
<tr><td>Katar</td></tr>
<tr><td>Schweiz</td></tr>
</tbody>
</table>
</div>
<div class="group-card">
<table>
<thead><tr><th>Gruppe C</th></tr></thead>
<tbody>
<table border="1" cellspacing="0" cellpadding="4">
<caption>Gruppe C</caption>
<tr><td>Brasilien</td></tr>
<tr><td>Marokko</td></tr>
<tr><td>Haiti</td></tr>
<tr><td>Schottland</td></tr>
</tbody>
</table>
</div>
<div class="group-card">
<table>
<thead><tr><th>Gruppe D</th></tr></thead>
<tbody>
<table border="1" cellspacing="0" cellpadding="4">
<caption>Gruppe D</caption>
<tr><td>USA</td></tr>
<tr><td>Paraguay</td></tr>
<tr><td>Australien</td></tr>
<tr><td>Türkei</td></tr>
</tbody>
</table>
</div>
<div class="group-card">
<table>
<thead><tr><th>Gruppe E</th></tr></thead>
<tbody>
<table border="1" cellspacing="0" cellpadding="4">
<caption>Gruppe E</caption>
<tr><td>Deutschland</td></tr>
<tr><td>Curacao</td></tr>
<tr><td>Elfenbeinküste</td></tr>
<tr><td>Ecuador</td></tr>
</tbody>
</table>
</div>
<div class="group-card">
<table>
<thead><tr><th>Gruppe F</th></tr></thead>
<tbody>
<table border="1" cellspacing="0" cellpadding="4">
<caption>Gruppe F</caption>
<tr><td>Niederlande</td></tr>
<tr><td>Japan</td></tr>
<tr><td>Schweden</td></tr>
<tr><td>Tunesien</td></tr>
</tbody>
</table>
</div>
<div class="group-card">
<table>
<thead><tr><th>Gruppe G</th></tr></thead>
<tbody>
<table border="1" cellspacing="0" cellpadding="4">
<caption>Gruppe G</caption>
<tr><td>Belgien</td></tr>
<tr><td>Ägypten</td></tr>
<tr><td>Iran</td></tr>
<tr><td>Neuseeland</td></tr>
</tbody>
</table>
</div>
<div class="group-card">
<table>
<thead><tr><th>Gruppe H</th></tr></thead>
<tbody>
<table border="1" cellspacing="0" cellpadding="4">
<caption>Gruppe H</caption>
<tr><td>Spanien</td></tr>
<tr><td>Kap Verde</td></tr>
<tr><td>Saudi-Arabien</td></tr>
<tr><td>Uruguay</td></tr>
</tbody>
</table>
</div>
<div class="group-card">
<table>
<thead><tr><th>Gruppe I</th></tr></thead>
<tbody>
<table border="1" cellspacing="0" cellpadding="4">
<caption>Gruppe I</caption>
<tr><td>Frankreich</td></tr>
<tr><td>Senegal</td></tr>
<tr><td>Irak</td></tr>
<tr><td>Norwegen</td></tr>
</tbody>
</table>
</div>
<div class="group-card">
<table>
<thead><tr><th>Gruppe J</th></tr></thead>
<tbody>
<table border="1" cellspacing="0" cellpadding="4">
<caption>Gruppe J</caption>
<tr><td>Argentinien</td></tr>
<tr><td>Algerien</td></tr>
<tr><td>Österreich</td></tr>
<tr><td>Jordanien</td></tr>
</tbody>
</table>
</div>
<div class="group-card">
<table>
<thead><tr><th>Gruppe K</th></tr></thead>
<tbody>
<table border="1" cellspacing="0" cellpadding="4">
<caption>Gruppe K</caption>
<tr><td>Portugal</td></tr>
<tr><td>DR Kongo</td></tr>
<tr><td>Usbekistan</td></tr>
<tr><td>Kolumbien</td></tr>
</tbody>
</table>
</div>
<div class="group-card">
<table>
<thead><tr><th>Gruppe L</th></tr></thead>
<tbody>
<table border="1" cellspacing="0" cellpadding="4">
<caption>Gruppe L</caption>
<tr><td>England</td></tr>
<tr><td>Kroatien</td></tr>
<tr><td>Ghana</td></tr>
<tr><td>Panama</td></tr>
</tbody>
</table>
</div>
</div>
</body>
</html>
html/wm/box.tar.gz
BIN
View File
Binary file not shown.
html/wm/box/images/banner.jpeg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

html/wm/box/index.html
+34
View File
@@ -0,0 +1,34 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles/index.css">
<title>WM-Boxen (divs)</title>
</head>
<body>
<h1>Österreich bei der WM</h1>
<div class="banner">
<img src="images/banner.jpeg">
</div>
<div class="body-text">
<p>
<ul>
<li>Österreichs Fußballnationalteam hat für die Fußball-WM-Endrunde 2026 in Kanada, Mexiko und den USA in Washington das große Los gezogen und trifft auf Titelverteidiger Argentinien mit Superstar Lionel Messi.</li>
<li>Zudem gibt es ein brisantes Wiedersehen mit Algerien und eine Premiere gegen den WM-Debütanten Jordanien.</li>
<li>Spielplan:
<ul>
<li>17.06. - Österreich gegen Jordanien, 6:00 Uhr, San Francisco</li>
<li>22.06. - Österreich gegen Argentinien, 19:00 Uhr, Dallas</li>
<li>28.06. - Österreich gegen Algerien, 4:00 Uhr, Kansas City</li>
</ul>
</li>
<li>Das malerisch an der Steilküste über dem Pazifik gelegene Ritz-Carlton Bacara wird zumindest während der Gruppenspiele gegen Jordanien (17. Juni), Argentinien (22. Juni) und Algerien (28. Juni) die Heimat von David Alaba und Co. sein.</li>
<li>Die in Einzelhäuser aufgeteilte, über 360 Zimmer verfügende Anlage spielt alle „Stückln“ — allein der Blick auf den pazifischen Ozean sollte zur Tiefenentspannung zwischen den heißen Partien genügen.</li>
</ul>
</p>
</div>
</body>
</html>
html/wm/box/styles/index.css
+35
View File
@@ -0,0 +1,35 @@
.banner img {
height: 300px;
width: 100%;
object-fit: cover;
object-position: top center;
display: block;
}
.body-text {
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
color: #222;
line-height: 1.5;
font-size: 16px;
padding: 18px;
background: #fff;
border-radius: 8px;
box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}
.body-text ul {
margin: 0;
padding-left: 1.25rem;
list-style: disc;
color: inherit;
}
.body-text ul ul {
padding-left: 1rem;
list-style: circle;
}
.body-text li {
margin: 0.5rem 0;
padding-right: 0.25rem;
}