css ile resimleri yan yana koyma problemi

selam arkadaşlar,

http://dusbahcem.com/test/node/4 adresindeki resimleri alt alta değilde, yan yana yerleştirmek istiyorum.

firebug dan denedim ama yapamadım.

yardımcı olabilecek var mıdır?

Merhaba,
.field-item{ width:200px; float:left; } şöyle bir css tanımlayın.
field-items div'inden hemen sonra da
<div class="clear clearfix"></div> ekleyin istediğiniz oluyor.

kolaylıklar.

hocam geç cevap için özür dilerim, bahsettiğin şekilde yan yana resimleri koyabiliyorum fakat bu sefer de anasayfada content alanı 200px oluyor ve yazılar aşağı doğru kayıyor. clearfix kodunu koyamadım, ondan mı kaynaklanıyor bilemiyorum.

http://dusbahcem.com/test/node/4 bu bende normal gözüküyor

http://dusbahcem.com/test/ ana sayfa dediğiniz burasıysa bu da normal gözüküyor. ana sayfada field-item classında başka şeyler de bu css'ten etkileniyorsa o zaman
.node-urun-ekle .field-item {
şeklinde değiştirin. sanıyorum ana sayfanızda content ayrıca node-urun-ekle class'ında değildir.

kolaylıklar.

Bir block elementi içindeki width değerine sahip her bir ögeye inline-block özelliği verirseniz, ögeler kapsayıcısının boyutu dahilinde yan yana gelir. Float kullanırsanız, sanki kapsayıcısı:after şeklinde bir content varmış gibi ek css yazmanız gerekir (ki bu clearfix olarak bilinir).

Siz clear both diyene kadar float devam eder.
Float yerine inline-block kullanın derim

@kocaportal @bluexpres her ikinize de teşekkür ederim.

display:inline-block ile hallettim.


syg.