السلام عليكم
لماذا عندما اضع float: right
للnavigation bar
ينعكس ترتيب اللائحة
هلا شرح لي أحدكم لماذا هذايحصل -float: right - ؟
لا اعرف اي لائحة تقصد. سؤالك يفتقد للتفاصيل. ومبهم. ارجو التوضيح اكثر.
عموما :
float: right;
تعني الآتي:
- وضع العنصر على جهة اليمين
العنصر يتخذ الشكل المطاطي في حركته فهو لا يتقيد بأسطر معينة فقط يحاول التكيف مع بقية العناصر على ان يبقى في جهة اليمين وتسمى هذه الطبيعة absolute ويعادلها هذا السطر :
position: absolute;
في هذه الحالة يجب ان تقوم بارفاق كود CSS و HTML هنا لنحكم على الموضوع اكثر. ارجو ارفاق الكود هنا بالطريقة الصحيحة لنقراءه براحة تامة.
تفضل هذا هو كود css بعد ان قمت باصلاحه لك والقائمة الان تعمل بشكل صحيح.
طبعا اخطاءك هي كالتالي :
لقد قمت انت بوضع عنصر الفلوت باتجاه اليمين لكل عنصر في القائمة وهذا خطأ حيث سيتنافس كل عنصر من القائمة ليكون في جهة اليمين. والاصح هو وضع كل القائمة ككل على جهة اليمين بكل ما تحويه. لذللك قمت بنقل عنصر الفلوت الى وسم القائمة navbar ul.
ولانها قائمة ستلاحظ ان كل عنصر منها سيصبح في سطر على حدة ولحل الموضوع قمت باضافة قيمة inline-block لكل عنصر في القائمة navabar ul li. وهذا يعني ان كل عنصر سيحافظ على السطر وستظهر كل العناصر متحاذية في سطر واحد.
لاحظ معي ان سبب الانعكاس الاساسي. هو السبب الاول الذي ذكرته. فبسبب تنافس كل عنصر لاخذ مكانه في اليمين بداية من اخر القائمة ونهاية بالهوم , ولان الهوم هو اخر عنصر تنافس على جهة اليمين ستبدو لك القائمة مقلوبة. عنصر الفلوت لا يمكن الممازحة فيه فهو اناني ويجب ان يكون وحيدا في جهته على نفس المستوى.
التعليقات