MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
Feilian avatar
Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 0/5 - 0 oy

CSS Çakışmasını önlemek?


Sponsor Reklam

Çevrimdışı Feilian
 Tarih: 15-02-2015, Saat:16:57
(Son Düzenleme: 15-02-2015, Saat:17:18, Düzenleyen: Feilian.)
#1
Örnek vermek gerekirse;
En çok çakışan CSS tanımlı kodlar ul,ol,li
Kod:
ol,ul {margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0;}

diğer yerde ise
Kod:
ol,ul {
    list-style:none;
}

olduğunda liste önündeki numaralandırma yada işeratler kaybolmaktadır.Her iki css kodlarınıda kullanmam şart fakat bu seferdede çakışma olduğundan allta verdiğim kodu ilk olarak kabul ediyor.
CSS kodlarını dışardan çağırıyorum bu arada aynı yerde değiller.
<link rel="stylesheet" type="text/css" href="css/demo.css" />
<link rel="stylesheet" type="text/css" href="css/style1.css" />

Umarım anlatabilmişimdir.
Cevapla
Bunu Beğenenler:
Sponsor Reklam
Sponsor Reklam

İzinli eatik
 Tarih: 15-02-2015, Saat:17:21
#2
Hocam list-style:none; derseniz zaten numaralandırma olayı kalkar. Bunun çakışmayla bir alakası yok.
Cevapla
Bunu Beğenenler:

Çevrimdışı Feilian
 Tarih: 15-02-2015, Saat:17:24
#3
(15-02-2015, Saat:17:21)QwerT_ Adlı Kullanıcıdan Alıntı: Hocam list-style:none; derseniz zaten numaralandırma olayı kalkar. Bunun çakışmayla bir alakası yok.

Kaybolduğunu biliyorum.Fakat anlatmak istediğim şu.
Vermiş olduğum 2 kodda farklı amaçlar için kullanılmaktadır.
Birisi forumdaki yorumlarda kullanılırken ikinciside arkaplanda dönen css slider için.
list-style:none; koymassam eğer arkaplanda bulunan resimlerin ortaasında numaralar tekrar geliyor.
Cevapla
Bunu Beğenenler:

İzinli eatik
 Tarih: 15-02-2015, Saat:18:30
(Son Düzenleme: 15-02-2015, Saat:18:30, Düzenleyen: eatik.)
#4
O halde genel css kullanmak yerine bunu özelleştirin. slider için kullandığınız
Kod:
ol,ul {
    list-style:none;
}

kodunun başına, slider id veya classlarını da yazın. Örneğin;

Kod:
.slider ol,ul {
    list-style:none;
}

gibi. Böylece list-style:none; kodu sadece .slider classında çalışır.
Cevapla
Bunu Beğenenler:

Çevrimdışı Feilian
 Tarih: 15-02-2015, Saat:22:23
#5
(15-02-2015, Saat:18:30)QwerT_ Adlı Kullanıcıdan Alıntı: O halde genel css kullanmak yerine bunu özelleştirin. slider için kullandığınız
Kod:
ol,ul {
    list-style:none;
}

kodunun başına, slider id veya classlarını da yazın. Örneğin;

Kod:
.slider ol,ul {
    list-style:none;
}

gibi. Böylece list-style:none; kodu sadece .slider classında çalışır.

Evet bu şekilde yaptım.Sorun düzeldi.
Slideri yapan kişi css reset kullanmış o yüzden divde geçerli idyi yazmadığından çakışıyormuş.
özelleştirince düzeldi.

Teşekkürler
Cevapla
Bunu Beğenenler:

 




Konuyu Okuyanlar: 1 Ziyaretçi