Zimní výprodej Kotlin týden
Pouze tento týden sleva až 80 % na e-learning týkající se Kotlin
40 % bodů zdarma díky naší Zimní akci!
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
Redaktor
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
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
Avatar
Jaroslav Smrž
Šéfredaktor
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í
+1 bodů
Ř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.