0
Kayıt Ol

Css'de çözemediğim ufak bir sorun var. Yardım eder misiniz?

16

●

1.025

  • 24-05-2013, 20:37:41
    #1
    Yigit
    Yigit
    Local'de çalışıyordum. Dün geceden beri yapamıyorum fakat neden olduğunu bulamadım.

    Demo

    Bu listelemede her kategori başına (img/nokta.png) kısmındaki resimcik gelmesi lazım. Neden olmuyor çözebilen var mı?

    .ciftli{ margin:-1px 0 0 0; padding:0px; font: 11px tahoma;}

.ciftli ul{ margin:0; padding:0;}

.ciftli li{ list-style-image:url(img/nokta.png)!important; list-style-position:inside; padding:8px 5px 8px 5px; float:left; width:146px; line-height:25px; border-top:1px solid #e4e4e4; }
  • 24-05-2013, 20:58:01
    #2
    frdtrkc
    frdtrkc
    Muhtemelen grafik url'si doğru girilmemiştir. Aşağıdaki linkte örnekledim.
    http://jsfiddle.net/VhGj4/
  • 24-05-2013, 21:10:24
    #3
    Yigit
    Yigit
    herşey doğruymuş. Firefox'da sorunsuz görüyorum ama google chrome'da 2 bilgisayarda denedim göremiyorum
  • 24-05-2013, 21:23:07
    #4
    frdtrkc
    frdtrkc
    Yiğit adlı üyeden alıntı: mesajı görüntüle
    Firefox'da sorunsuz görüyorum ama google chrome'da 2 bilgisayarda denedim göremiyorum
    Bende chrome kullanıyorum, bir sorun görünmüyor.
  • 24-05-2013, 21:26:06
    #5
    Yigit
    Yigit
    frdtrkc adlı üyeden alıntı: mesajı görüntüle
    Bende chrome kullanıyorum, bir sorun görünmüyor.
    Allah Allah

    internet explorer bile sorunsuz gösteriyor ama ben ne yaptıysam google chrome'da göremedim. İşin garibi ev arkadaşımın bilgisayarında da denedik o da göremiyor. Siz hariç başka biri daha sorunsuz dedi.
  • 24-05-2013, 21:34:53
    #6
    SafirTema
    SafirTema
    Liste elemanları için her zaman background özelliğini kullanırım. Hiçbir problemle karşılaşmadım. list-style-image yerine background ekleyin:

    background:url(resim) 0 50% no-repeat;
    padding-left:resme göre padding
  • 24-05-2013, 21:40:34
    #7
    Yigit
    Yigit
    concorde adlı üyeden alıntı: mesajı görüntüle
    Liste elemanları için her zaman background özelliğini kullanırım. Hiçbir problemle karşılaşmadım. list-style-image yerine background ekleyin:

    background:url(resim) 0 50% no-repeat;
    padding-left:resme göre padding
    aynı şekilde oluyor
    float:left; 'i kaldırırsam düzeliyor ama benim istediğim düzene geçmiyor.
  • 24-05-2013, 21:43:08
    #8
    frdtrkc
    frdtrkc
    concorde adlı üyeden alıntı: mesajı görüntüle
    Liste elemanları için her zaman background özelliğini kullanırım. Hiçbir problemle karşılaşmadım. list-style-image yerine background ekleyin:

    background:url(resim) 0 50% no-repeat;
    padding-left:resme göre padding
    Bende background kullanırım ama diğer türlüde sakıncası olduğunu düşünmüyorum. Sorunlarla karşılaşmamak için bazı standartlara uymamız gerekiyor aksi halde sorunlarla karşılaşmak kaçınılmaz.

    Projelerinizde mutlaka DOCTYPE ve reset.css kullanın yoksa tarayıcılar kendi kafalarına göre hareket ederler.

    Probleminiz doctype kullanmadığınız için kaynaklanıyor.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  • 24-05-2013, 21:45:21
    #9
    Yigit
    Yigit
    frdtrkc adlı üyeden alıntı: mesajı görüntüle
    Bende background kullanırım ama diğer türlüde sakıncası olduğunu düşünmüyorum. Sorunlarla karşılaşmamak için bazı standartlara uymamız gerekiyor aksi halde sorunlarla karşılaşmak kaçınılmaz.

    Projelerinizde mutlaka DOCTYPE ve reset.css kullanın yoksa tarayıcılar kendi kafalarına göre hareket ederler.

    Probleminiz doctype kullanmadığınız için kaynaklanıyor.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    Hay sağolasın Çıldırmak üzereydim