CSS de resimleri yanyana marginli şekilde dizmek - Sayfa 2

12-05-2013, 19:27:29

#10

Hala aynı sorun

CSS Şuan

.network {
float: left
margin:5px;

}

.network a img {float:left; margin:5px;}

.network a {
display: block;
float: left;
margin:5px;
}

kodda şöyle

<div class="network">

<a href="Site" rel="nofollow" target="_blank"><img src="/1.png" height="60" width="90"></a><a href="Site" rel="nofollow" target="_blank"><img src="/1.png" height="60" width="90"></a><a href="Site" rel="nofollow" target="_blank"><img src="/1.png" height="60" width="90"></a>

</div>

sadece yanyanalar yanlarında boşluk yok

12-05-2013, 19:29:22

#11

Retreat

Buzgibi adlı üyeden alıntı: mesajı görüntüle

Hala aynı sorun

CSS Şuan

.network {
float: left
margin:5px;

}

.network a img {float:left; margin:5px;}

.network a {
display: block;
float: left;
margin:5px;
}

kodda şöyle

<div class="network">

<a href="Site" rel="nofollow" target="_blank"><img src="/1.png" height="60" width="90"></a><a href="Site" rel="nofollow" target="_blank"><img src="/1.png" height="60" width="90"></a><a href="Site" rel="nofollow" target="_blank"><img src="/1.png" height="60" width="90"></a>

</div>

sadece yanyanalar yanlarında boşluk yok

Hocam bu konuyu ancak bu kadar uzatabilirdiniz. Tüm css kodlarını silin ve css kodu olarak sadece bunu yazın.

.network a {
display: block;
width: vermek istediğiniz uzunluk.
height: vermek istediğiniz yükseklik.
float: left;
margin:5px;
}

12-05-2013, 19:30:29

#12

frdtrkc

Herkes aynı css kodunu kopyalayıp kopyalayıp iş olsun diye veriyor.

Olmuyor diye bir şey yok, buyrun demosu burada.
http://jsfiddle.net/SGV69/

12-05-2013, 19:34:04

#13

Buzgibi

benim temanın sidebarıyla alakalı galiba sorun. sıralanmıyor hiçbirşekilde. teşekkürler

12-05-2013, 19:36:01

#14

frdtrkc

Buzgibi adlı üyeden alıntı: mesajı görüntüle

benim temanın sidebarıyla alakalı galiba sorun. sıralanmıyor hiçbirşekilde. teşekkürler

Muhtemelen noktalı virgülü koymadığınız için.

.network {
float: left;
margin:5px;

}

17-05-2013, 01:21:50

#15

mrtak

Bildiğim kadarı ile class isimli divlere style css tanımlarken bir de temizle yada clear isimli bir div ve bir style css tanımlamanız gerekiyor. Aslında tam olarak nerde ne oluyor bunu görsel olarak paylaşsanız daha da anlaşılır olacaktır sorununuz en azından benim için.

17-05-2013, 01:42:58

#16

EkolWeb

mrtak adlı üyeden alıntı: mesajı görüntüle

Bildiğim kadarı ile class isimli divlere style css tanımlarken bir de temizle yada clear isimli bir div ve bir style css tanımlamanız gerekiyor. Aslında tam olarak nerde ne oluyor bunu görsel olarak paylaşsanız daha da anlaşılır olacaktır sorununuz en azından benim için.

float: left ile yan yana sıralanan div elementlerinin bitişinden sonra clear:both verilmiş bir div ile float:left tanımını sonlandırabiliyoruz. Oda şöyle;

.clear{clear:both;}
.left{float:left;}

<div class="left">1</div>
<div class="left">2</div>
<div class="left">3</div>

<div class="clear"></div>

<!-- Alt sıradan devam eder -->

<div class="left">3</div>
<div class="left">4</div>
<div class="left">5</div>

17-05-2013, 13:45:57

#17

Haktan

listeleme elemanları ile de rahatlıkla dizebilirsiniz

Bakın:

http://jsfiddle.net/gnZya/

17-05-2013, 23:11:23

#18

akvaryumdoktoru,com

frdtrkc adlı üyeden alıntı: mesajı görüntüle

Herkes aynı css kodunu kopyalayıp kopyalayıp iş olsun diye veriyor.

Olmuyor diye bir şey yok, buyrun demosu burada.
http://jsfiddle.net/SGV69/

Buradaki kodlarda sorun görünmüyor, bu durumda sizin temanızdaki diğer bir kod sonradan eklediğiniz kodları etkisiz kılıyor. Siteniz üzerinde görme şansımız varsa sorununuzu hızlı bir şekilde çözeriz.