Autor Zpráva
Matej Ševčík
Profil
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
   <div class="colors">
      <div id="color1"></div><!-- medzeru tam asi nechceš mať
      --><div id="color2"></div>
   </div>

.colors div {
Matej Ševčík
Profil
Dik moc :) uz funguje
Bubák
Profil
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

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: