Autor Zpráva
Musilda
Profil
Dobrý den

potřebuji poradit se zarovnáním divů vedle sebe.

<div class="product_box">
  <div class="product_right">
    <a class="obrazek_produktu" href="#" title="Produkt"><img src="img/product_img.png" alt="produkt" /></a>
    <a class="obrazek_produktu" href="#" title="Produkt"><img src="img/product_img.png" alt="produkt" /></a>
  </div>
  <div class="product_left">
    <h4>Název produktu</h4>
      <p>Lorem Ipsum is simply dummy text of the printing
and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text.</p>
      <p>19 900 Kč</p>
    <a href="#" title="Koupit"></a>
  </div>
</div>


.product_box {float:left;
  width:851px;
  height:197px;
  border:solid 3px #dcdcdc;
}

.product_left {float:left;}
.product_right {float:right;}


Zde je ukázka kódu Odkaz

Potřebuji, aby uvnitř divu product_box byly ty dva divy zarovnané tak, že obrázky produktu budou na pravé straně a popis produktu na straně levé. Teď mi to přetéká z původního divu. Pevnou šířku divům nastavit nemohu, protože obrázky můžou být dva, či jen jeden a chci, aby se ten popis produktu roztáhl.

Pokud mi někdo poradí, budu rád, nebo stačí nasměrovat na nějaký článek.
Díky
panther
Profil
Musilda:
vyhoď levý float od .product_left i všeho, co je uvnitř něj.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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

0