This commit is contained in:
Šimon Záriš 2024-06-06 10:00:58 +02:00
parent a16bbf9bc0
commit 0ef41d5efe
3 changed files with 66 additions and 1 deletions

33
stranky/tabulka.css Normal file

@ -0,0 +1,33 @@
body {
font-family: Arial, sans-serif;
margin: 20px;
}
h1 {
text-align: center;
}
table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
font-size: 18px;
text-align: left;
}
th, td {
padding: 12px;
border-bottom: 1px solid #ddd;
}
thead {
background-color: #f2f2f2;
}
tbody tr:nth-child(even) {
background-color: #f9f9f9;
}
tbody tr:hover {
background-color: #f1f1f1;
}

32
stranky/tabulka.html Normal file

@ -0,0 +1,32 @@
<head>
<link rel="stylesheet" hrer="tabulka.css">
</head>
<body>
<h1>Sample Table</h1>
<table>
<thead>
<tr>
<th>Name</th>
<th>Age</th>
<th>Occupation</th>
</tr>
</thead>
<tbody>
<tr>
<td>John Doe</td>
<td>30</td>
<td>Software Engineer</td>
</tr>
<tr>
<td>Jane Smith</td>
<td>25</td>
<td>Graphic Designer</td>
</tr>
<tr>
<td>Mike Johnson</td>
<td>35</td>
<td>Project Manager</td>
</tr>
</tbody>
</table>
</body>

@ -9,10 +9,10 @@
<a href="/lacne" id="lacnejsieLink">Lacnejšie</a>
<a href="/stredne" id="drahsieLink">Drahšie</a>
<a href="/drahe" id="najdrahsieLink">Najdrahšie</a>
</div>
</div>
<a href="/kontakt" class="socklink" data-idcko="contactLinkCont" id="contactLink">Kontakty</a>
<a href="/formular" class="socklink" data-idcko="formularLinkCont" id="formularLink">Formular</a>
<a href="/tabulka" class="socklink" data-idcko="tabulkaLinkCont" id="tabulkaLink">Tabuľka</a>
</nav>