NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Mezinárodní den IT společnosti je tady! Pouze nyní můžeš získat 90 % extra kreditů při nákupu od 1199 kreditů s promo kódem AJTACI90. Tak neváhej!

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
hankablack
Člen
Avatar
Odpovídá na jakubho
hankablack:9.12.2016 17:12

Díky všem za pomoc, neměla jsem tam article.
Příště přidám i kód :-)

 
Odpovědět
9.12.2016 17:12
Avatar
elisewah
Člen
Avatar
elisewah:23.12.2016 16:41

Prosím o radu. I mě, viz. komentář níže, nereaguje HTML na nastavení pozadí. Barevné pozadí vykreslené obrázkem se mi zobrazí pouze tehdy,když jej zadám ve styl.css přímo do body, ale pokud tuto hodnotu uvedu u article, article header apod., nikde se hodnoty neprojeví. Několikrát jsem na to koukala, ale tu chybu prostě nevidím. Přikládám kódy a díky za rady.

<!DOCTYPE html>
<html lang="cs-cz">

  <head>
                <meta charset="utf-8"/>
                <link rel="stylesheet" href="style.css" type="text/css" />
                <title>HoBiho portfolio</title>
  </head>

<body>
     <article>
        <header>
                <h1>O mně</h1>
        </header>

        <section>
                <p>Vítejte na mém prvním webu, psát weby se teprve učím, ale myslím, že mi to docela jde.</p>
                <p class="centrovany"><img src="obrazky/fb.png" alt="Programátor HoBi" /></p>

                <p>Jmenuji se Honza Bittner a je mi 16 let. Chodím na Střední průmyslovou školu v České Lípě na obor IT. Kontaktovat mě můžete na <a href="kontakt.html">kontaktní stránce</a>.</p>
                <p>Rád čtu a někdy (hlavně v létě) i sportuju.</p>
                <p>Mým hlavním koníčkem (a doufám že jednou i zaměstnáním) je <strong>programování</strong>!</p>
        </section>
</article>
        </body>
</html>
body {
        font-family: Verdana;
        font-size: 14px;


}

h1 {
        text-align: center;
        color: black;
        font-family: Arial;
        font-size: 2em;
        font-weigt: normal;

}

h2, h3 {
        text-align: left;
        color: black;
        font-family: Arial;
        font-size: 2em;
        font-weigt: normal;

}

.centrovany {
        text-align: center;
}

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

article header {
        width: 250px;
        float: left;
}

article section {
        width: 710px;
        float: left;
        background: white;
}
 
Odpovědět
23.12.2016 16:41
Avatar
dronkarll
Člen
Avatar
Odpovídá na elisewah
dronkarll:23.12.2016 18:32

takže chceš změnit barvu u article ? https://jsfiddle.net/78pf1pj2/1/

 
Odpovědět
23.12.2016 18:32
Avatar
elisewah
Člen
Avatar
Odpovídá na dronkarll
elisewah:30.12.2016 13:58

Tak, barvu pozadí u article, kde mám teda chybu?

 
Odpovědět
30.12.2016 13:58
Avatar
Aaa Aaa
Člen
Avatar
Odpovídá na elisewah
Aaa Aaa:30.12.2016 14:52

Stačí postupovat podle desátého dílu tutoriálu. Za </section> přidat <div class="cistic"></div> a v CSS přidat

.cistic {
        clear: both;
}
 
Odpovědět
30.12.2016 14:52
Avatar
elisewah
Člen
Avatar
Odpovídá na Aaa Aaa
elisewah:30.12.2016 15:05

Dobře, ale v souvislosti s tímto článkem, kde se nepoužívá "cistic", tak se má vykreslovat pozadí i tak. Mě se zobrazuje pozadí bílé v několika prohlížečích. Šlo mi o to, že jsem postupovala identicky krok po kroku dle manuálu a přesto mi to nesedí, ale díky i tak.

 
Odpovědět
30.12.2016 15:05
Avatar
Aaa Aaa
Člen
Avatar
Odpovídá na elisewah
Aaa Aaa:30.12.2016 15:15

Jo, protože máš v tom kódu

float: left;

z toho desátého tutoriálu, jinak by ti to taky fungovalo.

 
Odpovědět
30.12.2016 15:15
Avatar
Filip (animátor/programator):10.1.2017 6:00

Na mojej stránke sa nedá takto nastaviť pozadie tak som to vigooglil a našlo mi toto a funguje to lenže to není v styl.css ale rovno v domov.html

Odpovědět
10.1.2017 6:00
Nikdy sa nevzdávaj a choď si za svojim snom.......
Avatar
Michal
Člen
Avatar
Michal:8.10.2017 22:32

Uff, než jsem přišel/pochopil na to pozadí, tak jsem stihl vypít 4 dcl burčáku... :)

 
Odpovědět
8.10.2017 22:32
Avatar
Martin Illish:31.10.2017 22:54

Ahoj, mně pomohlo odstranit značku barvy #009aca za article background a potom to fungovalo jak má.

Editováno 31.10.2017 22:55
 
Odpovědět
31.10.2017 22:54
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.