Simoh نشر 8 فبراير 2016 أرسل تقرير نشر 8 فبراير 2016 أتوفر على كود التنسيق css التالي، والمتعلق بقائمة منسدلة تتوفر على submenu متغيرة العرض: .menu ul { padding-left: 0px; } .menu li { list-style-type: none; display: inline-block; padding-left: 0px; margin: 1px; background: #ddd; width: 100px; } .menu li ul { display: none; } .menu li:hover > ul { display: block; position: absolute; background: #000; } .menu li:hover > ul li { display: block; background: #bbb; width: auto; } وأريد جعل محاذاة القائمة إلى جهة اليسار. حاولت ذلك بإضافة السطر التالي: #menu-left li:hover > ul { width: 150px; margin-left: -50px; } كيف أتمكن من الوصول إلى ذلك؟ اقتباس
0 E.Nourddine نشر 9 فبراير 2016 أرسل تقرير نشر 9 فبراير 2016 الطريقة اﻷفضل للحصول على ذلك، وهي بإدراج: .menu li { position:relative;...} لتتموضع sub menu بدلالة العنصر الأب المحتوي لها، والذي سيحتوي على القيمة absolute للخاصية relative. ثم سنخصص display: none لـ menu li ul . لنحصل على التنسيق التالي: /* apply to both */ .menu ul { padding-left: 0px; } .menu li { list-style-type: none; display: inline-block; position: relative; padding-left: 0px; margin: 1px; background: #ddd; } .menu li ul { display: none; } .menu li:hover > ul { display: block; position: absolute; background: #000; right: 0; } .menu li:hover > ul li { background: #bbb; white-space: nowrap; } اقتباس
السؤال
Simoh
أتوفر على كود التنسيق css التالي، والمتعلق بقائمة منسدلة تتوفر على submenu متغيرة العرض:
وأريد جعل محاذاة القائمة إلى جهة اليسار.
حاولت ذلك بإضافة السطر التالي:
#menu-left li:hover > ul { width: 150px; margin-left: -50px; }كيف أتمكن من الوصول إلى ذلك؟
1 جواب على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.