Diskuze: Otázka z html seriálu
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
Zobrazeno 4 zpráv z 4.
//= Settings::TRACKING_CODE_B ?> //= Settings::TRACKING_CODE ?>
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
tak ze jim stejnou vysku date a nebudou mit rozdilne paddingy (zalezi primo u ceho a tak..) a marginy (uvnitr article header/section).
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;
}
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
Zobrazeno 4 zpráv z 4.