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="flexbox">
|
||||||
<div class="navigation">
|
<div class="navigation">
|
||||||
<div class="dropdown-content
|
<!-- <div class="dropdown-content
|
||||||
">
|
"> -->
|
||||||
<table>
|
<table>
|
||||||
<caption>
|
<caption>
|
||||||
Rubriky:
|
Rubriky:
|
||||||
</caption>
|
</caption>
|
||||||
<tr>
|
<tr>
|
||||||
<th>
|
<th>
|
||||||
<li>
|
<li>
|
||||||
<a class="button" href="automatizovane-testovani.html">Automatizované testování</a>
|
<a class="button" href="automatizovane-testovani.html">Automatizované testování</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a class="button" href="nastroje.html">Nástroje</a></li>
|
<li><a class="button" href="nastroje.html">Nástroje</a></li>
|
||||||
<li>
|
<li>
|
||||||
<a class="button" href="penetracni-testovani.html">Penetrační testování</a>
|
<a class="button" href="penetracni-testovani.html">Penetrační testování</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a class="button" href="testing-obecne.html">Testing obečně</a>
|
<a class="button" href="testing-obecne.html">Testing obečně</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a class="button" href="testovani-mobilnich-aplikaci.html">Testování mobilních
|
<a class="button" href="testovani-mobilnich-aplikaci.html">Testování mobilních
|
||||||
aplikací</a>
|
aplikací</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a class="button" href="testovani-pristupnosti.html">Testování přístupnosti</a>
|
<a class="button" href="testovani-pristupnosti.html">Testování přístupnosti</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a class="button" href="zatezove-testovani.html">Zátěžové testování</a>
|
<a class="button" href="zatezove-testovani.html">Zátěžové testování</a>
|
||||||
</li>
|
</li>
|
||||||
</th>
|
</th>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<!-- </div> -->
|
||||||
|
|
||||||
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
@ -101,6 +101,8 @@
|
|||||||
nebo uděláte dle tohoto webu tak jen na Vaši zodpovědnost.
|
nebo uděláte dle tohoto webu tak jen na Vaši zodpovědnost.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="articles">
|
<div class="articles">
|
||||||
<table>
|
<table>
|
||||||
<caption>
|
<caption>
|
||||||
|
20
style.css
20
style.css
@ -24,8 +24,14 @@ body {
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 200px;
|
width: 200px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
position: static;
|
/* position: static;
|
||||||
text-align: center;
|
text-align: center; */
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 600px) {
|
||||||
|
.menu {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.flexbox {
|
.flexbox {
|
||||||
@ -53,7 +59,8 @@ body {
|
|||||||
/* ˇPořadí zobrazení */
|
/* ˇPořadí zobrazení */
|
||||||
.navigation {
|
.navigation {
|
||||||
order: -1;
|
order: -1;
|
||||||
flex-direction: column;
|
/* flex-direction: column; */
|
||||||
|
align-self: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* škrývání */
|
/* škrývání */
|
||||||
@ -62,10 +69,9 @@ body {
|
|||||||
} */
|
} */
|
||||||
|
|
||||||
/* roletka posuvník */
|
/* roletka posuvník */
|
||||||
.dropdown-content {
|
/* .dropdown-content {
|
||||||
overflow: auto;
|
overflow: auto; */
|
||||||
max-height: 100px; /* or any other value */
|
/* max-height: 100px; or any other value */
|
||||||
}
|
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
order: 1;
|
order: 1;
|
||||||
|
Loading…
Reference in New Issue
Block a user