Responsivní web oprava
This commit is contained in:
parent
e7ed16a15b
commit
777aa29180
66
index.html
66
index.html
@ -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>
|
||||
|
20
style.css
20
style.css
@ -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;
|
||||
|
Loading…
Reference in New Issue
Block a user