tabulka
This commit is contained in:
parent
a16bbf9bc0
commit
0ef41d5efe
33
stranky/tabulka.css
Normal file
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
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>
|
Loading…
Reference in New Issue
Block a user