2008 Ngày 15 tháng 3 năm 2008
Tại nhiều lần, trong khi làm bố cục trang với các đơn vị quảng cáo / lightboxes / Mẹo, vv chúng tôi đi qua các tình huống nơi mà một số đối tượng Mẫu CHỌN sẽ xảy ra là theo các phòng POPUP, theo thiết kế và nó cho thấy thông qua .... Yuk!
Vâng! bạn có thể dễ dàng FIX này bằng cách điều chỉnh các giá trị Z-INDEX của bạn một cách thích hợp cho FF và IE7. Nhưng Good Old chơi chữ (dự định) IE6 không cư xử như dự định .... BOX CHỌN chương trình thông qua, ngay cả sau khi bạn áp dụng một số mạnh cao giá trị Z-INDEX Phòng PopUp của bạn ... Thành thật xin lỗi!
Có NO Sửa lỗi cho vấn đề này, nhưng có, tôi tin rằng, hơn một vài cách để làm việc xung quanh vấn đề này, Tuy nhiên, Im ở đây để cho bạn biết các giải pháp đơn giản mà tôi sử dụng, mà làm việc tốt cho tôi, trong hầu hết các trường hợp ....
"HIDE THE ROUGE chọn BOX KHI BẠN CHO CÁC POPUP"
Đơn giản chỉ cần trong đoạn kịch bản của bạn nơi bạn hiển thị quảng cáo của bạn, thêm một phần của kịch bản để thiết lập khả năng hiển thị của Box SELECT "Hidden"
document.getElementById ('my_select) style.visibilty = "ẩn".
Và hãy nhớ đặt nó trở lại vào CLOSE phòng PopUp của bạn
document.getElementById ('my_select) style.visibilty = "nhìn thấy".;
"my_select" là ID của Box kích thích SELECT
Hy vọng điều này sẽ giúp ...
PS. Có ofcourse tùy chọn khác như động positionining một IFRAME (kích thước giống như bạn PopUp) thuộc Bảo hiểm tiền gửi Việt Nam Popup ... Điều này làm việc tốt quá, nhưng với một sự bổ sung vô số yếu tố DOM, kịch bản và Nhức đầu. Tôi đã sử dụng giải pháp này quá, Nếu bạn cần bất kỳ sự giúp đỡ với tùy chọn này, đừng cho tôi biết. Sẽ được vui mừng để giúp đỡ!
không có bình luận | tags: IE lỗi , sửa lỗi IE , IE Hacks , IE vấn đề , IE6 | đăng trong quirks trình duyệt , CSS , HTML , JavasScript
2008 14 tháng 3 năm 2008
Đối với lứa tuổi, tôi đã nghĩ đến việc củng cố tất cả các thực hành TỐT NHẤT, tôi đã được đọc tất cả bây giờ và sau đó. Cuối cùng! Tôi đã nhận được xuống để đặt nó để viết. Tôi nhận ra rằng sẽ là nhiệm vụ khổng lồ tạo ra tài liệu khổng lồ này, vì vậy tôi quyết định dành toàn bộ một thể loại với nó, vì vậy tôi có thể tiếp tục bổ sung thêm công cụ về thực hành tốt nhất như và khi tôi gặp họ ...
Vâng! nội dung ở đây sẽ là một hợp nhất của giao diện người dùng cá nhân của tôi Thực tiễn phát triển tốt nhất với những người được viết bởi các nhà phát triển tiêu chuẩn như Yahoo, Google.
Thêm bài này vào không gian này và giữ browing các loại thực hành tốt nhất
có ý kiến | tags: Thực tiễn tốt nhất | đăng trong Thực tiễn tốt nhất , giao diện người dùng Desgin
2008 11 Tháng 3 2008
Thiết lập lại CSS / CSS để thiết lập một số các phong cách yếu tố cơ bản cụ thể mà tạo ra sự nhất quán trên các trình duyệt khác nhau.
Chúng tôi tất cả đã được thông qua những cơn ác mộng bằng văn bản qua trình duyệt CSS. Vì vậy, khi chúng tôi bắt đầu viết CSS của chúng tôi, là một thực hành để thiết lập lại nó đầu tiên để loại bỏ / đặt lại các mâu thuẫn bất kỳ trình duyệt chéo. CSS Đặt lại, vài đường nét đơn giản của CSS mà bạn bắt đầu CSS của bạn, cho bạn một nền tảng tốt để bắt đầu xây dựng của bạn khi.
Reset CSS mà tôi thường có xu hướng sử dụng trông như thế này
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 {
danh sách theo phong cách: không;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-trọng lượng: bình thường;
}
Thiết lập lại kích thước font chữ của trình duyệt
Đồng thời lưu ý các thiết lập lại đã được áp dụng cho kích thước font chữ của trình duyệt trong các dòng sau đây ...
html {font-size: 76%;}
Các reset CSS trên trình duyệt kích thước phông chữ là 10 pixels, và điều này làm cho nó có thể làm việc với cỡ chữ tương đối (đó là hàng quan trọng từ một tuân thủ WAI prespective)
Đối với ví dụ, định nghĩa sau đây, font-size trong một khoảng được thiết lập 10 pixels và trong paragarph được thiết lập đến 14 điểm ảnh ...
span {font-size: 1em;}
p {font-size: 1.4em;}
1 bình luận | tags: CSS , CSS Đặt lại , Thủ thuật , Hướng dẫn | đăng trong CSS