Mikuláš je tu! Získaj 90 % extra kreditov ZADARMO s promo kódom CERTIK90 pri nákupe od 1 199 kreditov. Len do nedele 7. 12. 2025! Zisti viac:
NOVINKA: Najžiadanejšie rekvalifikačné kurzy teraz s 50% zľavou + kurz AI ZADARMO. Nečakaj, táto ponuka dlho nevydrží! Zisti viac:

Diskusia – 12. diel - HTML layout

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre
Posledné komentáre sú na spodnej časti poslednej stránky.
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.

Avatar
Odpovedá 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.

Odpovedať
Neaktivní uživatelský účet
Avatar
Odpovedá 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.

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 :-)

Avatar
Nikola Weiterová:26.10.2019 22:45

Taky jsem se nachytala na background :D

Odpovedať
Je čas z nemožného udělat možným.
Avatar
Migi
Tvůrce
Avatar
Odpovedá na Jan Hlavatý
Migi:31.10.2019 23:03

jj pravda :-) ja tu soupnul do stylu body

Editované
Odpovedať
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

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

Editované
Avatar
Jurajs
Člen
Avatar
Odpovedá 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">
Editované
Avatar
Odpovedá 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>
Posledné komentáre sú na spodnej časti poslednej stránky.
Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zobrazené 10 správy z 382.