lostyazilim
tr.link

CSS'de Listeleme Sounu!

9 Mesajlar 1.766 Okunma
acebozum
tr.link

dlkrnugur dlkrnugur JS Coder Kullanıcı
  • Üyelik 20.11.2011
  • Yaş/Cinsiyet 28 / E
  • Meslek PHP Coder
  • Konum Muğla
  • Ad Soyad U** D**
  • Mesajlar 1069
  • Beğeniler 210 / 209
  • Ticaret 41, (%98)

Merhaba arkadaşlar! Bi sorunum olacaktı? Yardım edebilir misiniz?



Öncelikle CSS KODLARIM:

#paylas{
background-color:#FFFFFF;
width:619px;
border-radius:3px;
padding:9px 10px 9px 10px;
margin-left:1px;
margin-top:1px;
text-align:justify;
margin-bottom:15px;
}
#paylas li{
list-style:none;
}
.social{
background-image:url(resim/resim.png);
width:32px; height:32px;
}
.fb{
background-position:-5px -200px;
}


Bu kodları eklediğim zaman sorun yok (: :



Daha sonra #paylas li{list-style:none;float:left;} yaptığım zaman şöyle bir kayma sorunu oluyor:



Heralde anlamışınızdır? :) Neden alt kısım float:left komutunda yarıda kalıyor?

 

 

elektronikssl
webimgo

cmltskrn cmltskrn WM Aracı Kullanıcı
  • Üyelik 13.08.2011
  • Yaş/Cinsiyet 28 / E
  • Meslek Öğrenci
  • Konum İstanbul Anadolu
  • Ad Soyad C** T**
  • Mesajlar 179
  • Beğeniler 32 / 46
  • Ticaret 0, (%0)
#paylas a height ver
 

 

dlkrnugur dlkrnugur JS Coder Kullanıcı
  • Üyelik 20.11.2011
  • Yaş/Cinsiyet 28 / E
  • Meslek PHP Coder
  • Konum Muğla
  • Ad Soyad U** D**
  • Mesajlar 1069
  • Beğeniler 210 / 209
  • Ticaret 41, (%98)
Paylas sınıfını başka yerlerde de kullanıyorum height veremem. :D
 

 

cudjex cudjex ozergul.net Kullanıcı
  • Üyelik 23.11.2011
  • Yaş/Cinsiyet 31 / E
  • Meslek öğrenci
  • Konum İzmir
  • Ad Soyad Ö** G**
  • Mesajlar 1647
  • Beğeniler 347 / 570
  • Ticaret 8, (%100)
O zaman min-height değeri ver :)
 

 

ozergul.net/com
wmaraci
wmaraci

dlkrnugur dlkrnugur JS Coder Kullanıcı
  • Üyelik 20.11.2011
  • Yaş/Cinsiyet 28 / E
  • Meslek PHP Coder
  • Konum Muğla
  • Ad Soyad U** D**
  • Mesajlar 1069
  • Beğeniler 210 / 209
  • Ticaret 41, (%98)
:) Başka?

Ek Olarak:

cudjex adlı üyeden alıntı

O zaman min-height değeri ver :)


Teşekkürler, min-height vercem. :)
 

 

Berkay Berkay WM Aracı Kullanıcı
  • Üyelik 29.04.2011
  • Yaş/Cinsiyet 30 / E
  • Meslek Wordpress Geliştirici
  • Konum Mersin
  • Ad Soyad B** G**
  • Mesajlar 1863
  • Beğeniler 90 / 337
  • Ticaret 27, (%100)
float:left; kullandıktan sonra temizleme işlemini yapmanız gerekiyor.

style.css'de

.clear
{
clear:both;
}


listeleme yaptıktan sonra ;


Şeklinde clear:both; ile temizlerseniz herhangi bir problem kalmayacaktır.
 

 

dlkrnugur dlkrnugur JS Coder Kullanıcı
  • Üyelik 20.11.2011
  • Yaş/Cinsiyet 28 / E
  • Meslek PHP Coder
  • Konum Muğla
  • Ad Soyad U** D**
  • Mesajlar 1069
  • Beğeniler 210 / 209
  • Ticaret 41, (%98)
#paylas li{
list-style:none;
clear:both;
}


Şu şekilde mi kullancam.. ):
 

 

Berkay Berkay WM Aracı Kullanıcı
  • Üyelik 29.04.2011
  • Yaş/Cinsiyet 30 / E
  • Meslek Wordpress Geliştirici
  • Konum Mersin
  • Ad Soyad B** G**
  • Mesajlar 1863
  • Beğeniler 90 / 337
  • Ticaret 27, (%100)
Hayır verdiğim css'i kodunu ayrı bir css kodu gibi ekleyin daha sonra kendi listelediğiniz koddan sonra verdiğim html kodunu ekleyin.
 

 

ErenKeskin ErenKeskin Girişimci, Front-end Developer Kullanıcı
  • Üyelik 11.09.2011
  • Yaş/Cinsiyet 29 / E
  • Meslek Elektrik-Elektronik Mühendisi
  • Konum Eskişehir
  • Ad Soyad E** K**
  • Mesajlar 1223
  • Beğeniler 243 / 336
  • Ticaret 2, (%100)
Sorunu hala halledemediyseniz sorunun cevabı bende :)

#paylas{overflow: auto;}

ile bu sorununuzu çözeceksinizdir.
 

 

herenkeskin.com - Elektrik ve Elektronik Mühendisi - Gömülü Sistemler üzerine çalışıyorum.
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al