Neregistrovaný Přihlásit Registrovat

Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailem CSS rozvržení - problém s Float

Zdarec, mám problém s CSS konkrétně s vlastností float. Chci vytvořit 2 sloupce obrázků, budou různě vysoké a naukládané v divech s třídou. Nejednoduší je to napráskat do tabulky. Ale já bych potřeboval aby se to "srovnávalo" tj. sloupce budou přibližně stejně vysoké.

Už jsem to zkoušel nedopadlo to nejlíp.
Kod:

<div id="obsah">
<div class="obr"><img src="atd...></div>
....

</div>
[b]styl:[/b]

<style>
#obsah{
background-color:yellow;
width:500px;
height:auto;
}
.obr{
width:47%;
clear:right;
float:left;
margin:2px;
</style>

Přibližný nákres:
špatně (mezery mezi obrázky) :

 IIIIIIII IIIIIIIII
          IIIIIIIII
  
          IIIIIIIII
  
 IIIIIIII IIIIIIIII

Mělo by to vypadat jako jeden celý obrázek akorát s 4px mezerami, pátrám po tom celou dobu doufám že mě pochopíte, Díky :-)

Jsou zobrazeny jen nové odpovědi. Zobrazit všechny
Předmět Autor Datum
Takto? float-obr <style type="text/css"> .cely { width: 370px; margin: auto } .levy { width:185px;… poslední
Kráťa 14.07.2010 22:48
 Kráťa

Takto?

float-obr

<style type="text/css">
  .cely {
  width: 370px;
  margin: auto
  }
  
  .levy {
  width:185px;
  float: left
  }
  
  .pravy {
  width:185px;
  float: right
  }
  
  </style>
  </head>
  <body>
<div class="cely">  
  
<div class="levy">
<img src="images/zeleny-nizky.gif" height="56" width="185"><br>
<img src="images/zeleny-vysoky.gif" height="81" width="185"><br>
<img src="images/zeleny-nizky.gif" height="56" width="185"><br>
<img src="images/zeleny-nizky.gif" height="56" width="185"><br>
<img src="images/zeleny-vysoky.gif" height="81" width="185"><br>
<img src="images/zeleny-vysoky.gif" height="81" width="185"><br>
<img src="images/zeleny-nizky.gif" height="56" width="185"><br>
</div>

<div class="pravy">
<img src="images/zeleny-vysoky.gif" height="81" width="185"><br>
<img src="images/zeleny-vysoky.gif" height="81" width="185"><br>
<img src="images/zeleny-nizky.gif" height="56" width="185"><br>
<img src="images/zeleny-nizky.gif" height="56" width="185"><br>
<img src="images/zeleny-nizky.gif" height="56" width="185"><br>
<img src="images/zeleny-vysoky.gif" height="81" width="185"><br>
<img src="images/zeleny-nizky.gif" height="56" width="185"><br>
</div>

</div>

Zpět do poradny Odpovědět na původní otázku Nahoru