img igazítás probléma.
Azt hiszem, van egy kis kavar a fejemben. A következő a problémám:
az oldalam tartalmi részét úgy szeretném formázni, hogy divek vannak egymás alatt, paddinggal, marginnal és háttérszínnel megáldva, szóval egy látható dobozt/hátteret képeznek a tartalmaknak. A divekben címsorok, bekezdések és képek találhatók. (kód alább).A problémám a következő. Ha nem állítok be a képnek align értéket, akkor a cím és bekezdés fölé kerül, ha viszont beállítok, akkor szépen jobbra/balra igazítódik a szöveg mellé, de a div nem nyúlik utána, csak ameddig a bekezdés tart. Szóval a kép kilóg a dobozból.
A css kód egyelőre ennyiben ki is merül:A tartalmi részt egy az egyben FCKeditorral szerkeszteném, ezért úgy kell megoldanom, hogy a tartalmi részben max a kép jobbra/balra igazításáról kelljen gondoskodni, minden formázás a css fájlban legyen.
Próbáltam utánaolvasni a problémának, de nem találtam rá megoldást, ha valakinek van rá ötlete, plz ne kíméljen!
Előre is köszönöm a segítséget!
(működő példát, ha kell, be tudok üzemelni, de egyelőre localhoston van a dolog, ha szükséges, jelezzétek!)
Üdv: Gábor
■ az oldalam tartalmi részét úgy szeretném formázni, hogy divek vannak egymás alatt, paddinggal, marginnal és háttérszínnel megáldva, szóval egy látható dobozt/hátteret képeznek a tartalmaknak. A divekben címsorok, bekezdések és képek találhatók. (kód alább).
<div id="tartalom">
<div>
<img src="/uploads/kep.jpg" align="right" /><h2>Első doboz tartalma</h2>
<p>skngfkjdsnfjdsnf<a href="#">dsfsndglksnv</a></p>
</div>
<div>
<img src="/uploads/kep2.jpg" align="left" /><h2>Második doboz tartalma</h2>
<p>skngfkjdsnfjdsnf<a href="#">dsfsndglksnv</a></p>
</div>
</div>
A css kód egyelőre ennyiben ki is merül:
#tartalom div{
background-color: #e2f4ee;
padding: 20px;
margin: 20px;
}
#tartalom div h2{
font-size: 18px;
margin: 0px;
padding: 3px;
}
Próbáltam utánaolvasni a problémának, de nem találtam rá megoldást, ha valakinek van rá ötlete, plz ne kíméljen!
Előre is köszönöm a segítséget!
(működő példát, ha kell, be tudok üzemelni, de egyelőre localhoston van a dolog, ha szükséges, jelezzétek!)
Üdv: Gábor
float
a floatolt elemek szülő elemen túllógása pedig kb ezerszer volt itt a fórumon.
Köszönöm a gyors választ! A
A #tartalom{overflow: auto;} megoldotta a problémát! Az align direkt maradt a tartalmi részben, hogy fckeditorból lehessen állítani, ízlés szerint, hogy hol legyen a kép.
Még egyszer köszi!
Üdv:G