November Black Friday C# týden
Black Friday je tu! Využij jedinečnou příležitost a získej až 80 % znalostí navíc zdarma! Více zde
Pouze tento týden sleva až 80 % na e-learning týkající se C#

Diskuze: Otázka z html seriálu

Aktivity (1)
Avatar
Miša Šebová:22. září 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. září 21:26
Avatar
Milan Turyna
Redaktor
Avatar
Milan Turyna:22. září 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. září 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ž
Redaktor
Avatar
Odpovídá na Miša Šebová
Jaroslav Smrž:23. září 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. září 6:42
/* Life runs on code */
Avatar
Miša Šebová:23. září 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. září 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.