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 – 14. diel - Obtekanie v HTML - Float, Tieň

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
frantisek spacek
Člen
Avatar
Odpovedá 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
Odpovedá 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
Odpovedá 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
Odpovedá 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>
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 250.