Responsivní web oprava

This commit is contained in:
Lukáš Kaňka 2024-01-11 21:10:33 +01:00
parent e7ed16a15b
commit 777aa29180
2 changed files with 47 additions and 39 deletions

View File

@ -39,39 +39,39 @@
<div class="flexbox">
<div class="navigation">
<div class="dropdown-content
">
<table>
<caption>
Rubriky:
</caption>
<tr>
<th>
<li>
<a class="button" href="automatizovane-testovani.html">Automatizované testování</a>
</li>
<li><a class="button" href="nastroje.html">Nástroje</a></li>
<li>
<a class="button" href="penetracni-testovani.html">Penetrační testování</a>
</li>
<li>
<a class="button" href="testing-obecne.html">Testing obečně</a>
</li>
<li>
<a class="button" href="testovani-mobilnich-aplikaci.html">Testování mobilních
aplikací</a>
</li>
<li>
<a class="button" href="testovani-pristupnosti.html">Testování přístupnosti</a>
</li>
<li>
<a class="button" href="zatezove-testovani.html">Zátěžové testování</a>
</li>
</th>
</tr>
</table>
</div>
<!-- <div class="dropdown-content
"> -->
<table>
<caption>
Rubriky:
</caption>
<tr>
<th>
<li>
<a class="button" href="automatizovane-testovani.html">Automatizované testování</a>
</li>
<li><a class="button" href="nastroje.html">Nástroje</a></li>
<li>
<a class="button" href="penetracni-testovani.html">Penetrační testování</a>
</li>
<li>
<a class="button" href="testing-obecne.html">Testing obečně</a>
</li>
<li>
<a class="button" href="testovani-mobilnich-aplikaci.html">Testování mobilních
aplikací</a>
</li>
<li>
<a class="button" href="testovani-pristupnosti.html">Testování přístupnosti</a>
</li>
<li>
<a class="button" href="zatezove-testovani.html">Zátěžové testování</a>
</li>
</th>
</tr>
</table>
</div>
<!-- </div> -->
<div class="content">
@ -101,6 +101,8 @@
nebo uděláte dle tohoto webu tak jen na Vaši zodpovědnost.
</p>
</div>
<div class="articles">
<table>
<caption>

View File

@ -24,8 +24,14 @@ body {
display: inline-block;
width: 200px;
height: 20px;
position: static;
text-align: center;
/* position: static;
text-align: center; */
}
@media screen and (max-width: 600px) {
.menu {
text-align: center;
}
}
.flexbox {
@ -53,7 +59,8 @@ body {
/* ˇPořadí zobrazení */
.navigation {
order: -1;
flex-direction: column;
/* flex-direction: column; */
align-self: center;
}
/* škrývání */
@ -62,10 +69,9 @@ body {
} */
/* roletka posuvník */
.dropdown-content {
overflow: auto;
max-height: 100px; /* or any other value */
}
/* .dropdown-content {
overflow: auto; */
/* max-height: 100px; or any other value */
.content {
order: 1;