Diskusia – 14. diel - Obtekanie v HTML - Float, Tieň
SpäťUpozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.
Posledné komentáre sú na spodnej časti poslednej stránky.
Člen
Petr Šťastný:9.1.2016 15:58
Právě, že se mi to nerozdělilo na 3 sloupce... Ale už jsem to vyřešil,
ani nevím jak 
Majki Rak:9.11.2016 15:37
Ahoj,mám problem,header se mi vůbec nezobrazuje,,mohl by někdo prosím pomoci ?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css.css">
<title>Obchod GamePlay.mr</title>
</head>
<body>
<div id="flexbox">
<div id="obsah">
<h2>Vyhledávání</h2>
<p>
</p>
</div>
<div id="panel">
<h3>-----</h3>
<p></a>.</p>
</div>
</div>
<article>
<header>
<div id="cistic">
<div class="cistic"></div>
<nav class="menu">
<ul>
<li><a href="#1">Auta</a></li>
<li><a href="#2">Munice</a></li>
<li><a href="#3">Nářadí</a></li>
<li><a href="#4">---</a></li>
<li><a href="#5">---</a></li>
</ul>
</nav>
</header>
</div>
<section>
<p>
Banka je top nej na celym svete ahoj jak se amamsa ja se mam dovre a co ty hmm , jde to ne ?
</p>
</section>
<div class="cistic"></div>
</article>
</body>
</html>/*flexbox*/
#flexbox {
display: flex;
max-width: 1900px; /*delka boxu*/
margin: auto;
line-height: 4em;
box-shadow: 2px 2px 15px #1c2228;
}
#flexbox div {
background-color: #E3E7EB;
}
#menu, #panel {
flex: 2;
}
#obsah {
flex: 3;
}
/*flexbox*/
/*třidy*/
.centr{
float: center;
}
/*třidy*/
body{
background: url("a.png");
}
/*tělo*/
article section{
width: 510px;
background: white;
border: 2px solid #000000;
padding: 20px 20px 20px 20px;
float: left;
}
article header {
width: 550px;
float: left;
}
/*Navigace*/
nav.menu {
display: block;
width: 10%;
background: #69ABEA; /*cela tabulka*/
}
nav.menu ul {
list-style-type: none;
margin: 20; /*když dam vyšši čislo,tabulka pujde to dolu*/
padding: 0; /*čim vyšši čislo,pismena pujdou do prava*/
}
nav.menu ul li {
width: 100%; /*radius klikače se zmenši*/
}
nav.menu a { /*pismo*/
display: block;
color: white;
text-decoration: none;
font-family: sans-serif;
}
nav.menu a {
line-height: 5em; /*timto se to uděla tlustší*/
padding: 0 15px; /*pismo jde do prava*/
}
nav.menu a:hover {
background: rgba(0, 0, 0, 0.3); /*barva klikače*/
}
/*navigace*/
.cistic {
clear: both;
}
.stred{
float: center;
}
Posledné komentáre sú na spodnej časti poslednej stránky.
Zobrazené 10 správy z 250.