مقالة عن أهم حيل css

السلام عليكم

المقالة رائعه شكرا على المشاركه القيمه.

ولكن يلزمني شرح عن DropDown Menu عن طريق CSS ارجو من لديه الخبره بشرحه الطريقه المثاليه لعمل مثل هذه القوائم وشكرا

تقريبا من شبه المستحيل عملها في css دون javascript على كل المتصفحات لأن ie لا يدعم :hover إلا على a

هناك عدة طرق منها استخدام javascript

أو اسخدام ملف behavior

لكن المبدأ بشكل عام يشبه الجزئية التي تحدثت فيها عن تغيير شكل القوائم li

والمثال المتعلق به موجود في جزئية "أساسيات اختيار العناصر selectors"

#nav ul li ul { display:none; }
#nav ul li:hover ul { display:block; }
#nav ul li.current ul { display:block; background:#ff0;}
.disabled { color:gray;}

لكنه لن يعمل في ie دون javascript

بلطبع يمكنك عمل DropDown Menu بواسطة لغه CSS لوحدها

جرب المثال بلمرفق

css_dropdowns_menu_ar.zip

عذرا أخي أنا واثق من كلامي

إليك صورة مثالك من ie 6 في المرفقات

طرق عمل ddm حتى تتوافق مع ie يجب أن تستخدم أحد الحيل التالية:

1. استخدام js

2. استخدام behavior

3. استخدام الوسوم المشروطة بحيث لا نغلق <a> مباشرة بل نجعلها تشمل كل العناصر لأن ie لا يدعم hover إلا فوق a

وكل تلك النقاط لا تعتبر من css

الطريقة القياسية لعمل drop down menu تشبه المثال الذي وضعته في المشاركة 3 أعلاه

وهي لا تختلف عن الملف الذي أرفقته مشكورا.

وللفائدة أقول أن من أسهل طرق الاحتيال على ie

هي استعمال ie7.js

http://code.google.com/p/ie7-js/

شكرا على المقال الرائع و المرتب في Ojuba

المشروع رائع و لا اعتقد بوجود مشروع جدي و مرتب مثله

شكرا لك اخي

أخي والله الموضوع وموقع الدروس يستحق التقييم تحياااتي لك

با الفعل اخ 3mr

يمكن عملها ب css

وكودك رائع با الفعل

تحياتي