حقيقي ولله الف تعليق مش كفايه ولا يالف كلمة توفي شكر ليك ،،،، انا بحسك ماشاء الله عليك كنت معاهم وهما بيحطوا اساسات ال سي اس اس شرحك وافي وفي دهاليز الدهاليز ماشاء الله وبكل ثقه و وضوح الله يزيدك من علمه ويحفظك من شر وسؤ اللهم امين وكل اهلك يارب
الصراحة اتلخبط كثير فيما سبق في الاوضاع دي ... لحديث ما تفرجت علي الديو ده و الحمد الله فهمتها اخيرا .... الله يبارك فيك يا استاذ اسامه و يسعدك و يديك كل اللي في بالك يا رب
جزاك الله خير لكن ماعرفت كيف ممكن استفيد من الـ position في تصميم المواقع .. ممكن تورينا أمثله ؟ حسيت الدرس هذا سهل لكن صعب من ناحية توظيفه غي برمجة المواقع يعني ما ادري كيف ممكن استفيد منه ..
الاوضاع من اهم الدروس الموجودة في التصميم بكل بساطة في حاجات مش هتعرف توزعها في التصميم برطيقة معقدة غير بالبوزيشن تخيل مثلا عندك منتج و عاوز السعر يكون معمول بطرزيقة الريبون زي الصورة دي مثلا www.nop-templates.com/Content/Images/uploaded/Professional%20nopCommerce%20plugins%20and%20extensions%20with%20product%20ribbons.jpg ميزة البوزيشن بيخلي العنصر في وضع التحكم السهل جدا
السلام عليكم يا بشمهندس أسامة .. أولا أحب أشكر حضرتك على الشرح الجميل والمجهود الرائع .. جزاك الله خيرا .. ثانيا فيه خطأ هنا في الفيديو ده .. الأبسوليوت مش لازم ياخد وضع جوه صندوق من نوع ريلاتيف بس .. هو في الحقيقة الصندوق الأب ممكن يكون ليه أي بوزيشن ما عدا الستاتيك An element with position: absolute; is positioned relative to the nearest positioned ancestor (instead of positioned relative to the viewport, like fixed). However; if an absolute positioned element has no positioned ancestors, it uses the document body, and moves along with page scrolling. Note: A "positioned" element is one whose position is anything except static. وده رابط الصفحة www.w3schools.com/css/css_positioning.asp شكرا لحضرتك مرة تانية
تستاهل الف مليون ورده يا حبى الله ينور شرح رائع بس الصراحة ان ما راح اكدب عليك انا مفهمتوش اوى بس انا شوفت رابط اسفل افيديو شرح مفصل انا راح اشاهده وشكرا لك
اختي السبب لانو لم يحدد له width فتلقائي الwidth راح ياخد قيمة auto و auto للfixed postion تاخذ على قد الكلام المكتوب او على قد المحتوى الموجود في الديف او العنصر اتمنى فهمتي ^_^
ما شاء الله - احسن شرح شوفته بصراحة عندي مشكلة بسيطة لو سمحت يابشمهندس لو تقولهالي عندي مدونة آخرها يوجد نموذج اتصال وخريطة نموذج الاتصال له div والخريطة لها div لما استعرضها على الموبايل كل شيء تمام بس الخريطة ونموذج الاتصال ملخبط عايز في عرض سطح المكتب يكونو جنب بعض كل واحد 50% من الصفحة ولما اعرضهم على الموبايل مايكنوش جنب بعض - يكونو تحت بعض ودوخت خلاص في الـ float وفي position ومش عارف اعملها بصراحة
الديف الاب انت حركته اللي جواه بيتحرك بال Position بناء على الاب لو حركت الاب لازم يتحرك الابن معاه لو عاوز الابن ميتحركش لازم يكون برة العنصر او تلغي استخدام ال Position و تعملها بطريقة عادية الاب يتحرك عادي و الابن اللي جواه مكانه ثابت
بالنسبة لخاصية absolute لما بحط القيم بتاعت الtop كنسبة مئوية النسبة ديه تبقى بالنسبة لل width وheight اللى انا مدياه للdiv ولا ليشمل ال padding و margin
هو مش ال padding_top بتعبر عن الهوامش الداخلية فى الخلفية ازاى حضرتك لما استخدمتها فى ال body ظهرت فى الصفحة ومعملتش هوامش داخلية داخل الخلفية عرض عناضر اقل
ماهو حضرتك لو انا عملت ال child للposition --> fixed برضه ال absolute مش هيطلع براها انا حاولت ومطلعش يعني هي كده مش مرتبط وجوده جوا ال div ب relative ولكنه مرتبط بوجود position للاب اللي هو فيه ايا كان ولا ايه ؟
Fixed = يبقى في مكانه وإن عملت سكرول لصفحة Relative = يتحرك ويبقى مكانه محجوزا + يستخدم كحاوية للبوزيشن ابسولوت Absolute = يشبه الفيكسد لكنه لا يكون متبث هذا مافهمته ... أتمنى يكون صحيح 😅
و الابسوليوت يتبع الاب اللي اله اللي بكون عنده خاصبة البوزيشن ريلاتيف ، فبصير يدور على اب اله حامل لهاي الخاصية عشام يدخل في مختواه و ازا ما لقيه برجع للbody
طيب أنا عندي هنا سؤال مع العلم إني سمعت فيديو الشرح التفصيلي اللي في ال discription إحنا لما عملنا ال position: relative وبعدين عملنا right: 100px ال div إنزاح لمة اليسار 100px وطلع برا الشاشة ومعملشي scroll تحت ولما عملنا left: 100px الدف إنزاح لمة اليمين 100px بس عمل scroll تحت إيه السبب إنه معملشي في الحالة الأولى scroll وعمل في الحالة التانية ولا دي ترجع لل direction بتاع الصفحة عشان هو ltr ؟؟؟ أنا مش عارف
عملت 3div جنب بعض بال inline-block وروحت اديتهم position-fixed شكلهم باظ واخر div بس هو اللى ظهر اعمل ايه علشان اخليهم جنب بعض واثبتهم مع العلم جربت معاها flex وبرضه جت نفس النظام
![Learn Css in Arabic #16 - Position - Static, Fixed, Relative, Absolute [ Css 2 ]](/img/logo.svg){kind=logo}
