+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: Webmaster Deposu (https://mybbdepo.com/webmaster-deposu-forumu)
+--- Forum: Web Tabanlı Kodlama Dilleri (https://mybbdepo.com/web-tabanli-kodlama-dilleri-forumu)
+---- Forum: Css (https://mybbdepo.com/css-forumu)
+---- Konu Başlığı: CSS Çakışmasını önlemek? (/css-cakismasini-onlemek-konusu.html)
CSS Çakışmasını önlemek? - Feilian - 15-02-2015
Ö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.
Cvp: CSS Çakışmasını önlemek? - eatik - 15-02-2015
Hocam list-style:none; derseniz zaten numaralandırma olayı kalkar. Bunun çakışmayla bir alakası yok.
Cvp: CSS Çakışmasını önlemek? - Feilian - 15-02-2015
(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.
Cvp: CSS Çakışmasını önlemek? - eatik - 15-02-2015
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.
Cvp: CSS Çakışmasını önlemek? - Feilian - 15-02-2015
(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