Diskuze: Otázka z html seriálu
Zobrazeno 4 zpráv z 4.
//= Settings::TRACKING_CODE_B ?> //= Settings::TRACKING_CODE ?>
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.