pozicování webů - problém

Příspěvekod **jerabina** » 01 bře 2014 23:32

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

Reklama

Petr Hnátek · Příspěvekod **Petr Hnátek** » 01 bře 2014 23:36

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;
}

Příspěvekod **jerabina** » 01 bře 2014 23:45

Ale třeba menu nalevo, hlavička nahoře, abych si mohl dát text libovolně po stránce apod. apod.

Petr Hnátek · Příspěvekod **Petr Hnátek** » 02 bře 2014 00:25

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>

CatalystCZ · Příspěvekod **CatalystCZ** » 02 bře 2014 07:28

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.php

Podivej se urcite na css3, je tam docela dost zmen, ikdyz zaklad zustal defakto stejny.

Odesláno z mého MT15i pomocí Tapatalk

iTerminator · Příspěvekod **iTerminator** » 02 bře 2014 09:40

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.

pozicování webů - problém

pozicování webů - problém

Re: pozicování webů - problém

Re: pozicování webů - problém

Re: pozicování webů - problém

Re: pozicování webů - problém

Re: pozicování webů - problém

Kdo je online