| Autor | Zpráva | ||
|---|---|---|---|
| robbie Profil * |
#1 · Zasláno: 15. 3. 2016, 10:37:37
Mnozí mají problem s vycentrováním stránky i ja sem ze začátku nechápal, proto sem dávám tento stručný návod:
kod: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> #wrapper{ margin:0 auto; /* POYNáMKA: Důležitý řádek pro vycentrování stránky, WRAPPER obaluje jakoby DIV LEFT a DIV RIGHT a FOOTER*, šířka WRAPPERu je 960px*/
background-color: #999;
width:960px;
height:400px;
}
#left{color:white;
margin-right:10px;
float:left;
width:470px;
height:162px;
background:darkgrey;
}
#right{ color:white;
margin-left:10px;
float:left;
width:470px;
height:162px;
background:#dcdcdc;
}
#footer{ color:white;
float:left;
width:960px;
height:100px;
margin:50px auto 0px auto;;
background:#d3d3d3;
}
<body>
<div id="wrapper">
<div id="left">
Obsah divu left
</div>/*Konec divu LEFT*/
<div id="right">
Zde bude obsah divu right
</div>/*Konec divu RIGHT*/
<div id="footer">
Zde bude obsah footeru
</div>/*Konec divu FOOTER*/
</div> /*Konec divu Wrapper*/
</body>
</html> |
||
| Tomáš123 Profil |
#2 · Zasláno: 15. 3. 2016, 11:51:21
robbie:
Tí čo vedia ako vycentrovať stránku to robia krajšie ako je uvedené v tvojom príklade; tých, čo to nevedia týmto nezachrániš. Konkrétne sa mi nepáčia riadky 1, 2, 4, 1, 4, 16, 25, 31, 32, 33, 34. Kód, ktorý má demonštrovať centrovanie by nemal obsahovať dekoračné prkotiny. „ POYNáMKA: Důležitý řádek pro vycentrování stránky, WRAPPER obaluje jakoby DIV LEFT a DIV RIGHT a FOOTER*, šířka WRAPPERu je 960px“
S formuláciu a úpravou si sa veľa nenadrel. Aj keby som všetko uvedené upravil tak, ako si predstavujem, nemyslím si, že by bol kód plne vhodný pre učebné účely. |
||
| Trejpa Profil |
#3 · Zasláno: 15. 3. 2016, 12:33:40
robbie:
Snaha se cení, ale v příkladu nedomýšlíš pár věcí, namátkou neukončené plavání a přetékání obsahu přes nastavenou výšku bloků. Naštěstí pár komentovaných příkladů již vzniklo: Vodorovné centrování - Jednoduché schéma stránky |
||
|
Časová prodleva: 9 let
|
|||
0