Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
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: Otázka z html seriálu

Aktivity
Avatar
Miša Šebová:22.9.2019 21:26

Ahoj,písala som už so komentáru v seriáli ale neviem, či dostanem odpoveď, tak skúšam tu :) ako dosiahnem aby article header a article section mali rovnakú výšku ? Som stratená :-D

 
Odpovědět
22.9.2019 21:26
Avatar
Milan Turyna
Tvůrce
Avatar
Milan Turyna:22.9.2019 21:32

tak ze jim stejnou vysku date a nebudou mit rozdilne paddingy (zalezi primo u ceho a tak..) a marginy (uvnitr article header/section).

Nahoru Odpovědět
22.9.2019 21:32
Řeš pouze to, co dokážeš ovlivnit.
Avatar
Jaroslav Smrž
Tvůrce
Avatar
Odpovídá na Miša Šebová
Jaroslav Smrž:23.9.2019 6:42

Nejjednodušší je použít Bootstrap framework. Na toto má již hotové komponenty. Pokud si to chceš napsat sama, zde je triviální ukázka:
html

<div class="article">
    <div id="article-header">
        <p>nadpis</p>
    </div>
    <div id="article-section">
        <p>obsah</p>
        <p>obsah</p>
        <p>obsah</p>
        <p>obsah</p>
        <p>obsah</p>
    </div>
</div>

css:

.article {
    width: 100%;
    padding:1rem;
    margin: 1rem;
}

#article-header {
    display: inline-block;
    float: left;
    background-color: #cccccc;
    padding: 15px;
    height: 300px;
    width:30%;

}

#article-section {
    background-color: #666666;
    padding: 15px;
    height: 300px;
    text-align: center;
    color: #ffffff;
}
Akceptované řešení
+20 Zkušeností
+2,50 Kč
Řešení problému
Nahoru Odpovědět
23.9.2019 6:42
/* Life runs on code */
Avatar
Miša Šebová:23.9.2019 8:00

Super diky :) nešlo mi do hlavy že v seriáli nebola výška uvedená (alebo som to prehliadla) tak som si myslela ze sa to deje nejak automaticky. Na ten bootstrap sa ešte len chystám ale ďakujem za nové info :)

 
Nahoru Odpovědět
23.9.2019 8:00
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 4 zpráv z 4.