2008 15 Mart 2008

Açılan Bölümler sayesinde Görünür tahriş Seç Kutuları

Çeşitli vesilelerle anda, açılan bölümler / lightbox'lar / İpuçları sayfa düzenleri yaparken bazı Formu SEÇİN nesneler tasarım, bu POPUP Bölümleri altında olmak olur ve bunu üzerinden gösterir durumlara rastlamak vb .... YUK!

Eh! kolayca FF ve IE7 için uygun şekilde Z-INDEX değerlerini ayarlayarak bu FIX olabilir. Ama Good Old (cinas amaçlanan) IE6 amaçlandığı gibi davranırlar değildir .... Size PopUp Bölümü ... Kötü haber!! Bazı önemli ölçüde yüksek Z-INDEX değerleri uygulandıktan sonra bile üzerinden Select BOX gösterisi!

Bu sorun için NO HOTFİXLERİN vardır, ama vardır, inanıyorum ki, sen çoğunda benim için çalışıyor kullandığım basit çözüm, anlatmak için ben burada birkaç Bu soruna-yol, ama daha durumlarda ....

"SİZ POPUP GÖSTER ZAMAN ROUGE SEÇİN KUTUSU HIDE"

Basitçe komut pasajı içinde size açılır gösterin, "Gizli" için SELECT Kutusu görünürlüğünü ayarlamak için komut bir parça eklemek

document.getElementById ('my_select') style.visibilty = "gizli".;

Ve PopUp Bölümü KAPAT üzerine geriye unutmayın

. document.getElementById ('my_select') style.visibilty = "görünür";

burada "my_select" tahriş Select Box kimliğidir

Bu yardımcı olur umarım ...

PS. Dinamik Popup DIV altında bir IFRAME (siz PopUp olarak aynı boyutta) positionining gibi tabii diğer seçenek vardır ... Bu çok iyi çalışır, ancak DOM Elemanları, SCRIPTLER ve Baş Ağrısı yükleri bir ilavesi ile. Ben de bu çözüm kullanmış ve yaparsanız bu seçeneği ile yardım herhangi bir ihtiyacınız, bana bildirin. Yardımcı olmaktan memnun olacaktır!


2008 14 Mart 2008

Bir UI Geliştirici için En İyi Uygulamalar

Yaş için, ben tüm İYİ Uygulamaları pekiştirmek için düşünüyordum, şimdi ve sonra her okuyorum. Nihayet! Ben kalem koymak için aşağıya aldım. Ben Bu mamut belge oluştururken mamut görev olacak anladım, bu yüzden bütün bir kategori adamaya karar verdi, bu yüzden ben de en iyi uygulamalar hakkında şeyler eklemeye devam olabilir ve ben onlara karşılaştığınızda ...

Eh! Burada içerik Yahoo, Google vs gibi standart geliştiriciler tarafından yazılmış olanlar ile benim kişisel UI geliştirme Best Practices bir birleşmesi olacak

Bu alanı izleyin ve browing tutmak En İyi Uygulamalar Kategori


2008 11 Mart 2008

CSS sıfırlar nelerdir?

Bir CSS Reset / CSS çeşitli tarayıcılar arasında tutarlılık oluşturur belirli bir başlangıca eleman stilleri bir dizi yapacaklarmış edilir.

Hepimiz çapraz tarayıcı CSS Kullanıcı yazma kabuslar yoluyla olmuştur. Yani bizim CSS yazmaya başladığınızda, herhangi bir çapraz tarayıcı tutarsızlıkları / kaldırmak sıfırlamak için ilk sıfırlamak için bir uygulamadır. CSS sıfırlar, sen üzerinde bina başlatmak için temiz bir temel vererek, ile CSS başlaması CSS basit birkaç satır vardır.

Normalde kullanma eğiliminde CSS sıfırlar bu gibi görünüyor

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
html {font-size: 76%;}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0;
}

ol, ul {
list-style: none;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}


Tarayıcı yazı tipi boyutunu sıfırlayın
Ayrıca aşağıdaki satırı tarayıcı yazı tipi boyutunu uygulanmış reset dikkat ...

html {font-size: 76%;}

Yukarıdaki CSS sıfırlar tarayıcı yazı tipi boyutunu 10 piksel, ve bu da göreceli yazı tipi boyutunu (imkanlar SES bir WAI uyum her önemli olan) çalışmayı kolaylaştırır
Örneğin, aşağıdaki tanımı, bir span içinde font-size 10 piksel ve paragarph 14 piksel olarak ayarlanır ayarlanır ...

span {font-size: 1em;}
p {font-size: 1.4em;}


NDK ev | BT İfade | İfade Damak | İfade Penmenship | İfade Awe | İfade Myself