2008 15 مارس 2008

اختر مربعات مزعجة وضوحا من خلال التقسيمات قافزة

في مناسبات عدة، في حين تقوم تخطيطات الصفحات مع الانقسامات المنبثقة / lightboxes / نصائح الخ ونحن يأتي عبر الحالات التي يكون فيها بعض الكائنات نموذج SELECT يحدث أن تكون في إطار هذه الانقسامات POPUP، حسب التصميم وهذا يظهر من خلال .... يوك!

حسنا! هل يمكن بسهولة تحديد هذا عن طريق تعديل الخاص Z-INDEX القيم بشكل ملائم لFF و IE7. لكن جيد قديم (يقصد التورية) IE6 لا تتصرف على النحو المنشود .... وتظهر من خلال BOX SELECT، حتى بعد تطبيق بعض ارتفاع كبير Z-INDEX القيم إلى قسم الخاص قافزة ...! المشكله!

لا توجد حلول لهذه المشكلة، ولكن هناك، في اعتقادي، أكثر من وسيلة قليلة لعمل حول هذه المشكلة، ولكن هنا ايم ان اقول لكم أبسط الحلول التي استخدمها، والذي يعمل بشكل جيد بالنسبة لي، في معظم الحالات ....

"إخفاء مربع SELECT ROUGE عند إظهار POPUP"

ببساطة قصاصة في السيناريو الخاص بك حيث كنت تظهر المنبثقة الخاص، إضافة إلى قطعة من سيناريو لتحديد الرؤية للصندوق SELECT إلى "المخفية"

document.getElementById ('my_select') style.visibilty = "الخفية".

وتذكر باعادته الى الوراء في ختام القسم الخاص قافزة

. document.getElementById ('my_select') style.visibilty = "مرئي"؛

حيث "my_select" هو معرف من صندوق تهيج SELECT

ويساعد هذا الأمل ...

PS. هناك خيارات أخرى مثل فكورسي positionining حيوي IFRAME (بنفس الحجم كما كنت قافزة) تحت DIV قافزة ... وهذا يعمل بشكل جيد جدا، ولكن مع إضافة الكثير من عناصر DOM، ومخطوطات، وصداع. ولقد استخدم هذا الحل أيضا، وإذا كنت لا تحتاج الى أي مساعدة مع هذا الخيار، لا اسمحوا لي أن أعرف. سوف نكون سعداء للمساعدة!


2008 14 مارس 2008

أفضل الممارسات للحصول على واجهة المطور

للأعمار، ولقد التفكير في توحيد جميع أفضل الممارسات، لقد قرأت بين الحين والآخر. أخيرا! لم أحصل على وصولا الى وضعه على ركلة جزاء. أدركت أنها ستكون مهمة شاقة خلق هذه الوثيقة الضخمة، لذلك قررت أن أهدي فئة كاملة لها، حتى أتمكن من إبقاء مضيفا الاشياء عن أفضل الممارسات، وعندما واجهت لهم ...

حسنا! فإن المحتوى هنا يكون مزيجا من رأيي الشخصي أفضل الممارسات تطوير واجهة المستخدم مع تلك المكتوبة من قبل المطورين القياسية مثل ياهو وجوجل الخ.

مشاهدة هذا الفضاء والحفاظ على رسائل الوسائط المتعددة في فئة أفضل الممارسات


2008 11 مارس 2008

ما هي CSS يعيد؟

وإعادة تعيين CSS هو / هي المغلق لتعيين عدد من الأساليب عنصر إلى خط الأساس المحدد الذي يخلق الاتساق عبر مختلف برامج التصفح.

ونحن جميعا كانت عن طريق كوابيس كتابة عبر متصفح المغلق ل. لذلك عندما نبدأ كتابة CSS لدينا، وهو ممارسة لإعادة لأول مرة لإزالة / إعادة تعيين أي تناقضات عبر متصفح. CSS يعيد، خطوط بسيطة من المغلق الذي يبدأ مع CSS الخاص، مما يتيح لك قاعدة نظيفة للبدء في بناء الخاصة بك عليه.

يعيد المغلق الذي أميل عادة إلى استخدام يشبه هذا

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;
}

رأ، UL {
قائمة على غرار: لا شيء؛
}

H1، H2، H3، H4، H5، H6 {
حجم الخط: 100٪؛
الخط الوزن: طبيعي؛
}


إعادة تعيين حجم الخط في المتصفح
نلاحظ أيضا إعادة تعيين الذي تم تطبيقه على حجم الخط في المتصفح في السطر التالي ...

html {font-size: 76%;}

ما سبق CSS إعادة تعيين حجم الخط المستعرض ل10 بكسل، وهذا يجعل من الممكن للعمل مع أحجام الخطوط النسبية (والذي هو مهم كل من الامتثال WAI prespective)
لعلى سبيل المثال، في التعريف التالي، يتم تعيين حجم الخط في فترة زمنية إلى 10 بكسل وذلك في paragarph يتم تعيين إلى 14 بكسل ...

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


NDK الرئيسية | معربا عن تكنولوجيا المعلومات | الحنك تعرب | Penmenship تعرب | الرهبة تعرب | تعرب عن نفسي