Diskuze: web

Naučíme tě pracovat na home-office.

Zjistit více...

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity

Vojta Korduliak

Člen

Vojta Korduliak:12.1.2018 20:16

Ahoj,
mám za úkol udělat své portfólio, tak jsem si řekl o grafickou předlohu , jenže si nevím rady s jednou podstatnou věcí. Ta první část(na které je nav, mé jméno, ..) má být přes celou obrazovku(samozřejmě na všech rozlišeních) a to právě neumím. Napadlo mě, že by to mohlo jít přes bootstrap, ale nemohl jsem najít jak na to.
Nějaké rady? Děkuji za odpovědi.

Odpovědět

12.1.2018 20:16

Honza Bittner

Tvůrce

Honza Bittner:12.1.2018 20:32

Musíš si roztáhnout "plátno", tj.

html,
body {
  width: 100%;
  height: 100%;
}

(případně i pošéfit margin, padding či box-sizing)

A poté když v body nějakému divu nastavíš height na 100 %, bude přes celou výšku obrazovky. (nesmí být zanořený do něčeho jiného, samozřejmě.

Nahoru Odpovědět

12.1.2018 20:32

FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.

Vojta Korduliak

Člen

Vojta Korduliak:12.1.2018 20:57

Dobře. Jak mám teď z tohoto udělat toto prosím

Nahoru Odpovědět

12.1.2018 20:57

Honza Bittner

Tvůrce

Honza Bittner:12.1.2018 21:09

Co se týče pozadí tak

background-size: cover;

Editováno 12.1.2018 21:10

Nahoru Odpovědět

12.1.2018 21:09

FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.

Vít Kološ

Člen

Vít Kološ:13.1.2018 7:52

A pokud chceš zrušit bílé okraje (kvůli kterým se na stránce zobrazují scrollbary), udělej to tímto způsobem:

body {margin: 0;}

(o tom už se Honza Bittner zmiňoval)

Editováno 13.1.2018 7:54

Nahoru Odpovědět

13.1.2018 7:52

Neopravuj, co není rozbité.

Vojta Korduliak

Člen

Vojta Korduliak:13.1.2018 8:53

body jsem margin nulu nastavil, ale bílý okraj nahoře zůstal.

Nahoru Odpovědět

13.1.2018 8:53

Honza Bittner

Tvůrce

Honza Bittner:13.1.2018 9:39

Zkus ještě vynulovat body padding, případně může tohle odsazení způsobit margin některého z elementů v body.

Editováno 13.1.2018 9:39

Nahoru Odpovědět

13.1.2018 9:39

FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.

Vojta Korduliak

Člen

Vojta Korduliak:13.1.2018 9:56

http://prntscr.com/hztiqv
http://prntscr.com/hztisj
Žádný účinek

Nahoru Odpovědět

13.1.2018 9:56

Honza Bittner

Tvůrce

Honza Bittner:13.1.2018 10:01

Obrázky moc nepomohou, možná bys nám spíše měl ukázat online ukázku.

Nahoru Odpovědět

13.1.2018 10:01

FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.

Vít Kološ

Člen

Vít Kološ:13.1.2018 10:25

Třeba můžeš soubory ze svého disku nahrát na vojta-korduliak.9e.cz do nějaké složky, abychom se na to mohli podívat.

Editováno 13.1.2018 10:26

Nahoru Odpovědět

13.1.2018 10:25

Neopravuj, co není rozbité.

Vojta Korduliak

Člen

Vojta Korduliak:13.1.2018 17:22

https://www.dropbox.com/…R3R0sAyH3FBa?dl=0

Nahoru Odpovědět

13.1.2018 17:22

Vít Kološ

Člen

Vít Kološ:13.1.2018 20:12

Bílé místo je tam, protože ten obrázek tvoří pozadí divu a ne celé stránky.
Defaultní margin tagu <p> tak tento div nezahrnuje – proto je celá šířka toho marginu (16px) bez pozadí.

Když to chceš spravit, máš různé možnosti, například:

zrušit margin tagu p
nastavit pozadí celé stránce a ne jen divu #container
donutit div aby margin odstavce (tagu p) nechal uvnitř:

#container {overflow: auto;}

Akceptované řešení
+20 Zkušeností
+2,50 Kč

Nahoru Odpovědět

13.1.2018 20:12

Neopravuj, co není rozbité.

Vojta Korduliak

Člen

Vojta Korduliak:13.1.2018 20:21

Díky moc za rady

Nahoru Odpovědět

13.1.2018 20:21

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 13 zpráv z 13.

Nejčastěji vyhledáváné

Diskuze: web