Diskuze: pozice
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Člen
Ondřej Langr (andysekcze):3.7.2015 12:24
Asi blbost,ale zkus margin-right a schválně co to udělá 
(Já to fakt nevím, nezkoušel
jsem to)
Samuel Kodytek:3.7.2015 13:12
Začněme tím že si opravíme chyby... máš tam špatně daný elemnty v
divu nesmí být body, footer musí být v body atd... hoď si to do nějakého
IDE, třeba netbeans a ukáže ti kde máš všude chyby 
Samuel Kodytek:3.7.2015 13:19
Ano, bezva , ten problém
který řešíš je kvůli tomu, že se elementy nevejdou vedle sebe tak se
odřádkují, skus zmenšit tu reklamu nebo ten obsah, nebo můžeš zvětšit
body width.
:3.7.2015 21:11
<!DOCTYPE html>
<html lang="cs-cz">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css" type="text/css" />
</head>
<body>
<body>
<div class="wrapper">
<header>
<h1>John Doe website</h1>
</header>
<div class="container">
<div class="row1">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis lacinia arcu, sed suscipit ante. Nullam porttitor nibh nec bibendum scelerisque. Vivamus cursus sem ornare magna gravida, sed iaculis augue cursus. Fusce euismod viverra eros, eu tincidunt nulla ullamcorper eu. Phasellus ac dictum felis. Etiam imperdiet orci mauris, quis commodo odio rhoncus et. Fusce malesuada fermentum ex, non euismod sapien ultricies et. Etiam eleifend placerat convallis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc elementum in eros sit amet feugiat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
</p>
</div>
<div class="row2">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras quis lacinia arcu, sed suscipit ante. Nullam porttitor nibh nec bibendum scelerisque. Vivamus cursus sem ornare magna gravida, sed iaculis augue cursus. Fusce euismod viverra eros, eu tincidunt nulla ullamcorper eu. Phasellus ac dictum felis. Etiam imperdiet orci mauris, quis commodo odio rhoncus et. Fusce malesuada fermentum ex, non euismod sapien ultricies et. Etiam eleifend placerat convallis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc elementum in eros sit amet feugiat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
</p>
</div>
</div>
<footer>
Created by John Doe
</footer>
</div>
</body>
<html>* {
padding: 0;
margin: 0;
}
header {
padding: 25px 25px;
background: lightblue;
}
.wrapper {
background: #e5e5e5;
width: 960px;
margin: 0 auto;
}
.container {
display: inline-block;
}
.row1 {
width: 70%;
float: left;
}
.row2 {
width: 30%;
float: left;
}
.row1 p, .row2 p {
padding: 25px;
}
footer {
width: 100%;
text-align: center;
padding: 20px 0;
background: lightgreen;
}Jsem napsal jenom takovou jednoduchou blbost
Spíše se zkus pořádně naučit základy apod...
Zobrazeno 14 zpráv z 14.