‘hata’ etiketi için sonuçlar
IE6′da Liste Ardalan Görmeme Sorunu
Aralık 7th, 2009 • 8 yorum CSS, XHTML
Etiketler: ardalan-görünmeme, ardalan-özellikleri, hata, ie, ie6
İE hatalar serisini devam ediyoruz, ben uğraşmaktan ve yazmaktan bıktım ama ie hata vermekten bıkmadı.
Bu seferki hataya menüde denk geldim. Menüme background-image ile bir ikon koydum, her şey güzel ama ie6 görmedi. Araştırdım ve sonuç ie sorunu çıktı tabiki. Sorunun tam tanımı şöyle; listeleri(ul, ol ve dl) kapsayan elemana eğer float ve position:relative tanımı yaptı iseniz, ie6 liste background özelliklerini(resim veya renk) görmüyor.
Bu durmu bir örnek ile gösterelim.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ie lsite ardalan sorunu</title>
<style>
#menuKapsul{
position:relative;
float:left;
}
ul li{
background:url(ikon.gif) 3px 9px no-repeat;
list-style:none;
padding-left:12px;
}
</style>
</head>
<body>
<div id="menuKapsul">
<ul>
<li>Liste 1</li>
<li>Liste 2</li>
<li>Liste 3</li>
</ul>
</div>
</body>
</html>
Yukarı görülen basit bir listenin ardalanına resim yerleştiriyoruz. Kapsayıcı elemanada position:relative; ve float:left; tanımları atanmış olsun. Aktif tarayıcıların tümünde sorunsuz çalışan kodumuz, ie6′da sorunlu görünecektir. Sorun liste ardalan resminin görünmemesidir. Sorunu çözerken bayağı bir cebelleşmiştim. Sonunda çözümü bulunca ve bu çözümde çok basit olunca sevineyim mi üzüleyim mi şaşırdım.
Çözüm ise çok basit. Ardalan resmi uyguladığımız liste öğesine postion:relative tanımı yapıyoruz ve bu kadar düzeliyor.
ul li{
background:url(ikon.gif) 3px 9px no-repeat;
list-style:none;
padding-left:12px;
position:relative
}
bu kadar bu kod bizim sorunlarımızı gideriyor.
Bir başka çözüm yoluda kapsayıcı bir eleman daha ekleyerek bu elemana farklı konumlandırma değeri atayıp çözebiliriz, ama bu pek mantıklı değil, fazladan kod eklememiz gerektiği için. En iyi position:relative ekleyip sonuca gitmek.
Örnek kodu görmek için tıklayınız.
Bir ie6 sorununun daha üstesinden geldik bir başka ie6 sorunu ile daha karşınızda olana dek hoşça kalın.(Bu ie6 oldukça nasıl hoş kalacağız oda ayrı bir konu.)
İE 6 iki CSS seçicisi Sorunu ve Çözümü
Ekim 2nd, 2009 • 7 yorum CSS, XHTML
Etiketler: hata, Hata ayıklama, ie6, iki-seçici-sorunu
Yine bir ie6 sorunu ile karşınızdayız. Microsoft ie6 kullananları düşünerek 2014′e kadar ie6 desteğini sürdüreceğini söylemiş, peki bizi kim düşünüyor, Microsoft’un düşünmediği kesin. Neyse biz konumuza gelelim.
Sorunumuz tam olarak şöyle; id atadığım bir elemana sınıf tanımladığımda ve id ve sınıf tanımlarında aynı özellik tanımlamış isem diğer tarayıcılar sorusuz çalışırken ie6 sorun çıkarıyor. Aynı şey iki adet sınıf tanımladığımızdada yaşıyoruz.
Uygulama olarak şöyle bir uygulama yaptım. Bir elemana bir id verip bu id’li elemanın ardalan resmi olarak genel bir resim tanımladım. Daha sonra farklı bölümler için bu elemena farklı resimler atamam gerektiğinde aynı elemana .bolumA, .bolumB, vd. gibi sınıflar atadım. Bir bölümü olmayan sayfalarda ana resmimi görünecek bölümü olan sayfalarda ise ilgili resim görünecekti.
#tanitimAlani{
background:transparent url(../images/genel.jpg) no-repeat scroll center top;
text-align:center;
width:100%;
}
#tanitimAlani.bolumA {
background:transparent url(../images/bolumA.jpg) no-repeat scroll center top;
}
#tanitimAlani.bolumB {
background:transparent url(../images/bolumB.jpg) no-repeat scroll center top;
}
Tanımı ile yapıyordum. Bu düşüncem tüm tarayıcılarda sorunsuz çalışırken ie6 sorun çıkardı. İlk atanan genel resmini gösterdi sadece, bölüm resimlerini göstermedi.
Çözüm
id ile atadığım genel ardalan resmi tanımı kaldırıp genel içinde bir sınıf(.bolumGenel) tanımladım ve bu sorunu aştım. Yani kodumu şöyle değiştirdim.
#tanitimalani{
text-align:center;
width:100%;
}
.bolumA {
background:transparent url(../images/bolumA.jpg) no-repeat scroll center top;
}
.bolumB {
background:transparent url(../images/bolumB.jpg) no-repeat scroll center top;
}
.bolumGenel {
background:transparent url(../images/genel.jpg) no-repeat scroll center top;
}
hribar.info’nun yaptığı örnek güzel inceleyin.
http://hribar.info/static/projects/multi-class_ie6_bug/error.html
Kaynaklar
VMware Kurarken “Setup failed to write data to the registry” hatası aldım
Eylül 1st, 2009 • 7 yorum Haberler
Etiketler: hata, sanal-makina, VMware
VMware güzel bir program. Bilgisayarıma kurarken bi yerde takılıyor ve kuramıyorda ve kendini kaldırıyordu ve sonrada aşağıdaki hatayı veriyor.
“Setup failed to write data to the registry”
C:\Users\Administrator\AppData\Local\Temp Bu yol sizin bilgisayarınıza göre değişebilir.
vminst.log dokümanında aşağıdaki bilgiler vardı.
VMInst: 01/19/08 19:41:29 Setting up registry VMInst: 01/19/08 19:41:29 Writing entries to HKEY_LOCAL_MACHINE\SOFTWARE\VMware, Inc.\VMware Workstation VMInst: 01/19/08 19:41:29 Getting Property CustomActionData = VMware Player;C:\Program Files\VMware\VMware Player\ VMInst: 01/19/08 19:41:29 Failed to create key SOFTWARE\VMware, Inc.\VMware Workstation: 5 VMInst: 01/19/08 19:41:29 Cannot add installation path to registry. VMInst: 01/19/08 19:41:29 Attaching to window with title "VMware Player" VMInst: 01/19/08 19:41:34 End Logging
Çözüm
Sorunun çözümü ise
Çalıştırı açıp(ctrl + R )
regedit
Yazıyoruz ve HKEY_LOCAL_MACHINE\SOFTWARE de
“VMware, Inc.”
ve daha sonrada bunun altında
“VMware Workstation”
diye alanlar oluşturup. Kurulumu yapalım.
Tablo Satırına Verilen Ardalan Resminin Tekrarlama Sorunu
Nisan 13th, 2009 • 4 yorum CSS, Web Standartları, XHTML
Etiketler: hata, internet explorer, sorun, tablo, tablo-satırı, tr, WebKit
Tablo satırına ardalan resmi tanımladığımızda Firefox ve Opera’da sorun yok iken Internet Explorer ve Webkit tabanlı tarayıcılarda(Safari ve Google Chrome) sorun çıkarıyor. Biz burada Internet Explorer için nasıl bir çözüm üretebiliriz onu göstereceğiz. Webkit tabanlı tarayıcılar için çözüm bulamadım üzgünüm.
table tr{
background:url(images/southpark.gif) 0 0 no-repeat;
height:130px;
}
Örneği görmek için tıklayınız.
tanımlaması Firefox ve Opera da sorunsuz çalışırken IE ve Webkit tabanlı tarayıcılarda sorun çıkaracaktır.
Çözüm için
table tr{
background:url(images/southpark.gif) 0 0 no-repeat;
height:130px;
position:relative;
}
table tr td{
color:#fff;
font:12px Arial, Helvetica, sans-serif;
background:none;
}
tanımlamaları yeterlidir. Örneği görmek için tıklayınız.
Kaynak
Genelde Karşılaşılan Javascript Hataları
Haziran 20th, 2008 • 6 yorum Javascript
Etiketler: hata, Javascript, javascript hataları
Genelde javascript yazımına ara verdiğimde veya program yazıp sonra javascript yazmaya başladığımda bazı sorunlarla karşılaşıyorum. Geriye baktığımda ise bu hataların %80-90′ının aynı hatalar olduğunu gördüm, bunları siteye yazmayı düşündüm ve biraz araştırınca aynı dertten muzdarip olan bir çok insan olduğunu gördüm. Genelde hatayı bulup düzelttiğimizde bunu nasıl görememişim değimiz(yuh artık buda olamaz!) hatalardır bunlar. Okumaya devam edin »
Firefox’da satıriçi(inline) elemanların padding-right sorunu
Şubat 13th, 2008 • 15 yorum CSS, XHTML
Etiketler: Firefox, hata, Hata ayıklama, padding-right
Şimdiye kadar hep Internet Explorer ile ilgili sorunlara değindim. Şimdi ise size en çok sevdiğim tarayıcı Firefox’un küçük bir sorununu aktarmaya çalışacağım. Amaç sorunu bilip ona göre kod yazmak. Okumaya devam edin »
