NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
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 14 - Obtékání v HTML - Float, Stín

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
Odpovídá na Majki Rak
frantisek spacek:11.3.2020 19:40

background : a nie background-color:

to jedine vnímam ako chybičku ale tiež som len začiatočník

 
Odpovědět
11.3.2020 19:40
Avatar
Ladislav Guldan:9.4.2020 17:38

Ahoj,prečo sa mi footer zaradí vlavo od section, ked nedam za section blokovy element div,ked dam stranku na celu obrazovku?

 
Odpovědět
9.4.2020 17:38
Avatar
Ladislav Guldan:9.4.2020 17:41

je niekde podrobnejsie vysvetlenie obtekania? nejak to neviem pochopit poriadne.

 
Odpovědět
9.4.2020 17:41
Avatar
Jurajs
Člen
Avatar
 
Odpovědět
10.4.2020 13:59
Avatar
Josef Břečka:12.7.2020 3:54

Dobře napsaný článek, další lekce je úspěšně zdolána :)

 
Odpovědět
12.7.2020 3:54
Avatar
Pavel Kubalík:22.10.2020 14:46

Dobrý den
Dnes jen malou připomínku.
Aby mi to fungovalo, musel jsem do float pro article section dát right a nikoliv left. tak nevím.
Zobrazení nevychází úplně přesně, ale smyslu lekce to vyhovuje.
Až si budu kurz procházet podruhé, trochu si to ještě prozkouším.
Děkuji PK

 
Odpovědět
22.10.2020 14:46
Avatar
Jiří Vávra:29.1.2021 16:12

Dobrý den, mám problém hned na začátku text co je napsanej pod obrázkem se nepřesune a zůstane na stejném místě má to efekt jako kdyby byl v <head> a ne v<selection>

 
Odpovědět
29.1.2021 16:12
Avatar
Odpovídá na Jiří Vávra
Jiří Vávra:29.1.2021 16:15

popřípadě ještě přikládám můj kód
HTML

<html>

  <head>


  </head>

  <body>
    <article>



      <header>
        <h1> Zkoušky </h1>

      </header>
      <selection>
        <p>
          tady je obrázek sněhové vločky
        </p>

        <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d7/Snowflake_macro_photography_1.jpg/1280px-Snowflake_macro_photography_1.jpg" alt="vločka" width=200>

        <p>text pod sněovou vločkou </p>
        <p>
          <a href="https://www.google.cz/?hl=cs" target=blank>random odkaz </a> <br />

          <a href="file:///C:/Users/Jirka/Documents/web/vrr/ja%20dovednosti.html">dovednosti</a>
        </p>

      </selection>
    </article>
  </body>

</html>

CSS

article header{
        width: 250px;
        float: left;
}
article section {
    width: 710px;
    float: right;
    background: white;
}

body {
  background-color: lightblue;
  color: black;
}

h1 {
  font-size: 2em;
  font-weight: normal;
  color: black;
  text-align: center;
  text-shadow: 2px 2px 1px #0a394b;
}
 
Odpovědět
29.1.2021 16:15
Avatar
Samuel Hél
Tvůrce
Avatar
Odpovídá na Jiří Vávra
Samuel Hél:2.2.2021 13:06

Ahoj, v HTML máš tag <selection> (což neexistuje). Nemá tam být spíše <section> ?

Odpovědět
2.2.2021 13:06
?
Avatar
Anna Lincová:8.9.2021 22:12

Ahoj, na plovoucím obsahu jsem se zasekla a nezobrazuje mi to tak, ja má... Kde může být chyba?

<!DOCTYPE HTML>
<HTML lang="cs-cz">
    <HEAD>
        <META charset=utf-8">
        <LINK rel="stylesheet" href="styl.css" type="text/css" />
        <TITLE>HoBiho portfolio
        </TITLE>
    </HEAD>
    <BODY>
        <ARTICLE>
            <HEADER><H1>O mně</H2>
            </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/avatar.jpg" width="10%" alt="Programátor HoBi" />
                </P>
                <P>Jmenuji se Anna Lincová a je mi 41. Pracuji jako stavební inženýrka, ale teď začla jsem se učit programování.
                </P>
                <P>Ráda cestuji, fotím, čtu, ale <STRONG>hlavně tvořím</STRONG>.
                </P>
                <P>Kontaktovat mě můžete na
                    <A href="kontakt.html"> kontaktní stránce </A>.
                </P>
            </SECTION><div class="cistic"></div>

        </ARTICLE>
    </BODY>
</HTML>
 
Odpovědět
8.9.2021 22:12
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 250.