| Autor | Zpráva | ||
|---|---|---|---|
| Matej Ševčík Profil |
#1 · Zasláno: 25. 11. 2014, 14:48:29
Zdravim, mam 2 bordery. jeden je zlty a druhy zeleny. Ale mam taky problem ze ich potrebujem dat vedla seba. napriklad pomocou prikazu display: inline-block. ale ten nefunguje. Tu je moj kod:
HTML: <div class="colors">
<div id="color1"></div>
<div id="color2"></div>
</div>CSS: . .colors {
display: inline-block;
margin-top: 20px;
}
#color1 {
border: 1px solid yellowgreen;
width: 150px;
height: 50px;
background-color: yellowgreen;
}
#color2 {
border: 1px solid yellow;
width: 150px;
height: 50px;
background-color: yellow; |
||
| tiso Profil |
#2 · Zasláno: 25. 11. 2014, 14:54:48
<div class="colors">
<div id="color1"></div><!-- medzeru tam asi nechceš mať
--><div id="color2"></div>
</div>.colors div { |
||
| Matej Ševčík Profil |
#3 · Zasláno: 25. 11. 2014, 14:57:41
Dik moc :) uz funguje
|
||
| Bubák Profil |
#4 · Zasláno: 25. 11. 2014, 16:33:09
Možnosti jsou (nejméně) tři:
- zbavit se mezery, viz tiso - nechat divy plavat (nezapomenout ukončit plavání, v ukázce chybí): http://kod.djpw.cz/fbib - použít table-cell: http://kod.djpw.cz/gbib |
||
|
Časová prodleva: 9 let
|
|||
0