Stránka 1 z 1
pozicování webů - problém
Napsal: 01 bře 2014 23:32
od jerabina
Hezký večer všem!
Rád bych se vás zeptal na radu.
Mám problém s pozicováním webů.
Jednoduše řečeno nevím, jak udělat např. patičku dole, aby menu bylo X pixelů od horního krahe okna apod.
To je jediné, co nezvládám při vývoji webu a je to i to nejdůležitějši, takže si připadám ztracen.
Jak jste se naučili vy vypozicovat si co chcete jak chcete?
Děkuju
Re: pozicování webů - problém
Napsal: 01 bře 2014 23:36
od Petr Hnátek
Já si vždy udělám stránku do bloků..
Nevím co přesně by jsi na tom chtěl vymýšlet, ale stačí celou stránku dát do jednoho bloku, který je na středu a pak už se nemusíš o pozicování moc starat..
Kód: Vybrat vše
//Stránka je na středu
div#page{
margin: 0 auto;
width: 950px;
}
//Např. Footer
div#footer{
background: #000;
width: 100%;
height: 40px;
}
//Vnější odsazení shora
div#menu{
background: #000;
margin-top: 20px;
width: 100%;
height: 50px;
}
Re: pozicování webů - problém
Napsal: 01 bře 2014 23:45
od jerabina
Ale třeba menu nalevo, hlavička nahoře, abych si mohl dát text libovolně po stránce apod. apod.
Re: pozicování webů - problém
Napsal: 02 bře 2014 00:25
od Petr Hnátek
Tak opět si uděláš blok pro stránku, aby byla na středu se šířkou např. 950px
Kód: Vybrat vše
div.page{
margin: 0 auto;
width: 950px;
}Uděláš hlavičku
Kód: Vybrat vše
div.header{
width: 100%;
height: 250px;
}Pak si uděláš menu na levé straně tohoto bloku
Kód: Vybrat vše
div.menu{
width: 250px;
height: auto;
float: left;
}A určitě po pravé straně bude nějaký obsah stránky
Kód: Vybrat vše
div.content{
width: 700px;
height: auto;
float: right;
}HTML by vypadalo nějak takto:
Kód: Vybrat vše
<html>
<head>
<title>Titulek stránky</title>
<link href="style.css" rel="stylesheet">
</head>
<body>
<div class="page">
<div class="header">
</div>
<div class="menu">
</div>
<div class="content">
</div>
</div>
</body>
</html>
Re: pozicování webů - problém
Napsal: 02 bře 2014 07:28
od CatalystCZ
Presne jak naznacil kolega, rozdelis si jednotlive casti webu(hlavicka,paticka,obsah,pripadne sidebary) na takove bloky, se kterymi pak muzes hybat jak se Ti zlibi...
Pomuze treba tohle
http://www.tvorba-webu.cz/css/pozice.phpPodivej se urcite na css3, je tam docela dost zmen, ikdyz zaklad zustal defakto stejny.
Odesláno z mého MT15i pomocí Tapatalk
Re: pozicování webů - problém
Napsal: 02 bře 2014 09:40
od iTerminator
Web si rozdělíš na jednotlivé bloky, hlavička, patička, menu, levej box a pravej box, nastyluješ je podle sebe, dáš jim určitnou šířku a výšku, v případě responzivních webů uváděj procentuální hodnoty.
S patičkou je menší problém, protože pokud to uděláš tak, jak ti psali, tak dosáhneš toho, že patička bude pod obsahem, nikoliv na konci stránky.