Java týden Body zdarma
Využij podzimních slev a získej od nás až 40 % bodů zdarma! Více zde
Pouze tento týden sleva až 80 % na Java e-learning!

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  +1 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.