NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze – Lekce 12 - HTML layout

Zpět

Upozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.

Komentáře
Avatar
Pavel Indrák:16.7.2019 21:38

Bylo by fajn opravit v lekci část o zapsání kódu do styl.css.

Část: "background: url('obrazky/po­zadi.png') #009aca;" je pro laika zavádějící.

Lepší by bylo tam napsat celý kód a to:

article { background: url('obrazky/po­zadi.png') #009aca; }

Ještě drobný tip:
Při vložení pozadí mi u Microsoft Edge nešlo zobrazit nové pozadí pouhým refreshem stránky, ale vypnutím a opětovným zapnutím souboru index.html.

 
Odpovědět
16.7.2019 21:38
Avatar
Odpovídá na Pavel Indrák
Neaktivní uživatel:17.7.2019 11:18

Bylo by fajn opravit v lekci část o zapsání kódu do styl.css.

Část: "background: url('obrazky/po­zadi.png') #009aca;" je pro laika zavádějící.

Lepší by bylo tam napsat celý kód a to:

article { background: url('obrazky/po­zadi.png') #009aca; }

Takhle ale zase každý zjistí, že bez selektoru to fungovat nebude a příště tu chybu neudělá… a v komentářích se to řeší pořád, takže opravdu jen stačí číst.

Odpovědět
17.7.2019 11:18
Neaktivní uživatelský účet
Avatar
Odpovídá na Jan Hlavatý
Filip Růžička:9.8.2019 13:06

Jane Hlavatý. Je něco jiného nadepsat selektor body a article. Vyzkoušej to.

 
Odpovědět
9.8.2019 13:06
Avatar
MiroslavP
Člen
Avatar
MiroslavP:19.8.2019 21:40

Taky mi nedošlo, že ...background­....musí být napsaný v selektoru article :-(.
Když jsem na to přišel snad si ti budu lépe pamatovat :-)

 
Odpovědět
19.8.2019 21:40
Avatar
Nikola Weiterová:26.10.2019 22:45

Taky jsem se nachytala na background :D

Odpovědět
26.10.2019 22:45
Je čas z nemožného udělat možným.
Avatar
Migi
Tvůrce
Avatar
Odpovídá na Jan Hlavatý
Migi:31.10.2019 23:03

jj pravda :-) ja tu soupnul do stylu body

Editováno 31.10.2019 23:05
Odpovědět
31.10.2019 23:03
I ta nejhorsi hodina v zivote trva jen 60 minut...
Avatar
Rico ThreeDmax:31.1.2020 10:45

V zadnym article byt pozadi nemusi.normalne v body

 
Odpovědět
31.1.2020 10:45
Avatar
Filip Sladký:21.3.2020 14:23

Zdravím, mohl by jste mi někdo z Vás prosím poradit? Lámu si hlavu s tím dlouho a nechápu, proč mi nejde nastavit background color...
v layout.html mám :

<link rel="stylesheet" href="style.css" type="text/css"/>

Ve style.css mám :

 article{
    background: black;
background: url('C:\Users\Vooby\Desktop\Web_development\pictures\layout_pozadi\pozadi.png');
}

Tuto cestu používám i u obrázků a normálně to funguje, když tam dám body, objeví se černé pozadí, tedy nechápu, proč takhle se mi neobjeví alespoň to černé. Díky..

Editováno 21.3.2020 14:23
 
Odpovědět
21.3.2020 14:23
Avatar
Jurajs
Člen
Avatar
Odpovídá na Filip Sladký
Jurajs:21.3.2020 15:55

Ahoj, ta cesta by měla podle mě vypadat takhle :

background-image: url('../images/nazevObrazku.jpg');

Moje nastavení obrázku v hlavičce stránky

background-image:url(intro-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 803px;

Oprava!

<link rel="stylesheet" href="style.css" type="text/css">
Editováno 21.3.2020 15:56
 
Odpovědět
21.3.2020 15:55
Avatar
Odpovídá na Jurajs
Filip Sladký:21.3.2020 20:51

Díky za pomoc, jen mě teď tíží to, že pokud použiji :

body{
    background: url('C:/Users/Vooby/Desktop/Web_development/pictures/layout_pozadi/pozadi.png');
}

, tak to funguje, ale pokud použiji

article{
    background: url('C:/Users/Vooby/Desktop/Web_development/pictures/layout_pozadi/pozadi.png');
}

, tak to nefunguje. Je možné, že se kod:

<article>
        <header>
        </header>

        <section>
        </section>
</article>

- Musí spát do indexu? Jakmile ho napíšu do index.html, tak to funguje bez problému, ale pokud to mám čistě v layout.html, tak ani ťuk.
Můj layout.html:

<!DOCTYPE html>
<html lang="cs-cz">
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <link rel="stylesheet" href="style.css" type="text/css">
    </head>
    <body>
        <article>
            <header>
                <h1> O mně </h1>
            </header>
            <section>
                <p>jo, jsem velmi rad, že to nefunguje, zkurvenej backroung</p>
            </section>

        </article>
    </body>
</html>
 
Odpovědět
21.3.2020 20:51
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 10 zpráv z 382.