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.

hankablack

Člen

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

Odpovedať

elisewah

Člen

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

Odpovedať

dronkarll

Člen

dronkarll:23.12.2016 18:32

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

Odpovedať

elisewah

Člen

elisewah:30.12.2016 13:58

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

Odpovedať

Neaktivní uživatel

Člen

Neaktivní uživatel: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;
}

Odpovedať

Neaktivní uživatelský účet

elisewah

Člen

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.

Odpovedať

Neaktivní uživatel

Člen

Neaktivní uživatel: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.

Odpovedať

Neaktivní uživatelský účet

Filip (animátor/programator)

Člen

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

Odpovedať

Nikdy sa nevzdávaj a choď si za svojim snom.......

Michal

Člen

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

Odpovedať

Martin Illish

Člen

Martin Illish:31.10.2017 22:54

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

Editované

Odpovedať

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.

Najčastejšie vyhľadávané

Diskusia – 12. diel - HTML layout