NOVINKA: Začni v IT jako webmaster s komplexním akreditovaným online kurzem Tvůrce WWW stránek. Zjisti více:
NOVINKA: Staň se datovým analytikem od 0 Kč a získej jistotu práce, lepší plat a nové kariérní možnosti. 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
Nejnovější komentáře jsou na konci poslední stránky.
Avatar
frantisek spacek
Člen
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

Avatar
Ladislav Guldan
Člen
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?

Avatar
Ladislav Guldan
Člen
Avatar
Ladislav Guldan:9.4.2020 17:41

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

Avatar
Jurajs
Člen
Avatar
Odpovídá na Ladislav Guldan
Jurajs:10.4.2020 13:59

Ahoj zkus tohle :) https://jecas.cz/float

Avatar
Josef Břečka
Člen
Avatar
Josef Břečka:12.7.2020 3:54

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

Avatar
Pavel Kubalík
Člen
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

Avatar
Jiří Vávra
Člen
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>

Avatar
Jiří Vávra
Člen
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;
}
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> ?

Avatar
Anna Lincová
Člen
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>
Nejnovější komentáře jsou na konci poslední stránky.
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.