This commit is contained in:
István Priskin 2022-10-20 12:00:15 +02:00
parent 06c2e9f70e
commit e8dc77a44c
2 changed files with 96 additions and 42 deletions

View File

@ -1,3 +1,10 @@
#tartalom {
width: 800px;
margin: auto;
background-color: darkgray;
padding: 20px;
}
h1, h2 { h1, h2 {
text-align: center; text-align: center;
} }
@ -9,8 +16,39 @@ h2 {
table { table {
border: 2px solid black; border: 2px solid black;
border-collapse: collapse; border-collapse: collapse;
margin: auto;
} }
th, td { th, td {
border: 1px solid black; border: 1px solid black;
text-align: center;
}
tfoot th:first-child {
text-align: right;
}
thead, tfoot {
color: white;
background-color: #262626;
}
img {
height: 75px;
}
.cw-120 {
width: 120px;
}
.cw-200 {
width: 200px;
}
.cw-100 {
width: 100px;
}
.cw-50 {
width: 50px;
} }

View File

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="hu"> <html lang="hu">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -7,59 +8,74 @@
<title>Megrendelés</title> <title>Megrendelés</title>
<link rel="stylesheet" href="megrendeles.css"> <link rel="stylesheet" href="megrendeles.css">
</head> </head>
<body> <body>
<div id="tartalom">
<h1>Megrendelés részletek</h1> <h1>Megrendelés részletek</h1>
<h2>Rendelés száma: 2</h2> <h2>Rendelés száma: 2</h2>
<table> <table>
<colgroup>
<col class="cw-120">
<col class="cw-200">
<col class="cw-100">
<col class="cw-100">
<col class="cw-50">
<col class="cw-100">
</colgroup>
<thead>
<tr> <tr>
<th colspan="2">Termék neve</th> <th colspan="2">Termék neve</th>
<th>Mennyiség</th> <th>Mennyiség</th>
<th>Nettó ár</th> <th>Nettó egységár</th>
<th></th> <th>ÁFA %</th>
<th></th> <th>Bruttó ár</th>
<th></th>
</tr>
</thead>
<tr>
<td><img src="polo.png" alt="póló"></td>
<td>Póló L-es</td>
<td>2 db</td>
<td>1 495 Ft</td>
<td>27%</td>
<td>3 798 Ft</td>
</tr> </tr>
<tr> <tr>
<td></td> <td><img src="polo.png" alt="póló"></td>
<td></td> <td>Póló S-es</td>
<td></td> <td>2 db</td>
<td></td> <td>1 495 Ft</td>
<td></td> <td>27%</td>
<td></td> <td>3 798 Ft</td>
</tr> </tr>
<tr> <tr>
<td></td> <td><img src="bogre.png" alt="bögre"></td>
<td></td> <td>Bögre</td>
<td></td> <td>1 db</td>
<td></td> <td>1 567 Ft</td>
<td></td> <td>27%</td>
<td></td> <td>1 991 Ft</td>
</tr> </tr>
<tr> <tr>
<td></td> <td><img src="sapka.png" alt="sapka"></td>
<td></td> <td>Baseball sapka</td>
<td></td> <td>1 db</td>
<td></td> <td>3 142 Ft</td>
<td></td> <td>27%</td>
<td></td> <td>3 990 Ft</td>
</tr> </tr>
<tfoot>
<tr> <tr>
<td></td> <th colspan="5">Összesen:</th>
<td></td> <th>13 576 Ft</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr> </tr>
</tfoot>
</table> </table>
<p><b>Rendelés állapota: futárnak átadva</b></p>
</div>
</body> </body>
</html> </html>