Mengekspresikan TI

Pada beberapa kesempatan, saat melakukan layout halaman dengan divisi popup / lightboxes / Tips sebagainya kami menemukan situasi dimana objek Formulir beberapa SELECT terjadi menjadi di bawah Divisi POPUP, dengan desain dan itu menunjukkan melalui .... YUK!

Nah! Anda dapat dengan mudah FIX ini dengan menyesuaikan Z-INDEX Anda nilai tepat untuk FF dan IE7. Tapi Good Old (pun intended) IE6 tidak berperilaku sebagaimana dimaksud .... Acara SELECT BOX melalui, bahkan setelah Anda menerapkan beberapa Z-INDEX drastis tinggi nilai-nilai ke Divisi PopUp Anda ... Nyebelin!

Tidak ada perbaikan untuk masalah ini, tetapi ada, saya yakin, lebih dari beberapa cara untuk bekerja-masalah ini, Tapi Im sini untuk memberitahu Anda solusi yang paling sederhana yang saya gunakan, yang bekerja dengan baik bagi saya, di sebagian besar kasus ....

"HIDE THE BOX ROUGE SELECT KETIKA ANDA MENAYANGKAN POPUP"

Cukup dalam potongan skrip Anda di mana Anda menunjukkan popup, tambahkan sepotong script untuk menetapkan visibilitas Kotak SELECT untuk "Tersembunyi"

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

Dan ingat untuk mengatur kembali di TUTUP Divisi PopUp Anda

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

dimana "my_select" adalah ID dari Kotak iritasi SELECT

Semoga ini bisa membantu ...

PS. Ada pilihan lain seperti ofcourse dinamis positionining sebuah IFRAME (ukuran yang sama seperti Anda PopUp) di bawah DIV Popup ... ini bekerja dengan baik juga, tapi ditambah dengan banyak Elemen DOM, script dan Sakit kepala. Saya telah menggunakan solusi ini juga, dan Jika Anda memerlukan bantuan dengan pilihan ini, jangan beritahu saya. Akan senang untuk membantu!

Untuk usia, saya berpikir untuk mengkonsolidasikan semua Praktek TERBAIK, Saya telah membaca setiap sekarang dan kemudian. Akhirnya! Aku turun untuk meletakkannya untuk pena. Saya menyadari bahwa ini akan menjadi tugas raksasa menciptakan dokumen ini raksasa, jadi saya memutuskan untuk mendedikasikan seluruh kategori untuk itu, sehingga saya bisa terus menambahkan hal tentang praktek-praktek terbaik sebagai dan ketika saya bertemu dengan mereka ...

Nah! isi di sini akan menjadi penggabungan Praktek pribadi saya UI pengembangan Terbaik dengan yang ditulis oleh para pengembang standar seperti Yahoo, Google dll

Lihat saja nanti dan menjaga browing di Kategori Best Practices

Sebuah ulang CSS / adalah CSS untuk menetapkan sejumlah elemen gaya dengan baseline tertentu yang menciptakan konsistensi di berbagai browser.

Kita semua telah melalui mimpi buruk penulisan lintas-browser CSS. Jadi ketika kita mulai menulis CSS kita, Ini adalah praktek untuk me-reset terlebih dahulu untuk menghilangkan / reset inkonsistensi cross browser. Mereset CSS, adalah beberapa baris sederhana dari CSS yang Anda mulai CSS Anda dengan, memberikan Anda dasar bersih untuk mulai membangun kepada Anda.

Me-reset CSS yang biasa saya cenderung menggunakan terlihat seperti ini

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 {
daftar-style: none;
}

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

Mengatur ulang ukuran font Browser
Perhatikan juga reset yang telah diterapkan untuk ukuran font browser pada baris berikut ...

html {font-size: 76%;}

CSS di atas me-reset font browser yang ukuran 10 pixel, dan ini memungkinkan untuk bekerja dengan ukuran font relatif (yang setiap penting dari kepatuhan WAI prespektif)
Untuk misalnya, dalam definisi berikut, font-size dalam rentang yang dibuat untuk 10 pixel dan bahwa dalam paragarph diatur ke 14 pixel ...

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