Arabic Css Lessons - Learn The Relation Between Overflow and Float

[@waelosman9204]

ما شاء الله ..اسلوب ولا اروع.في كل يومي وكل ايامي عم ادعيلك..يارب اقدر اوصل لحضرتك في المستقبل واشكرك وجها لوجه.جزاكم الله كل خير.

[@eslammagdy3720]

ايه ده ! والله حاسس اني باخد درس خصوصي والمدرس قاعد قدمي وبيفهمني شوية شوية بجد حضرتك كسرت كل المقاييس في الشرح ان شاء الله من نجاح لنجاح يا بشمهندس

[@ElzeroWebSchool]

الله يسعدك يارب ويبارك في عمرك فرحتني كتير تعيش يارب

[@yaraaliaa47]

علاقة الfloat بال over flow
لما بعمل للعناصر الموجوده داخل ال parent div لما بعملها float بتختفى مساحة الparent
ولكى اظهرها فى اكثر من طريقة
1- اعمل clear سواء عن طريق انى اعمل div واعمل له class ="clear"
2- اكتب الكود اللى حضرتك كتبته .parent:after
3- اعمل للعناصر overfloat والمفضل ان يكون auto
انا اسفة انى طولت بس الدرس كان صعب عليا لانى مبتدئه فكتبت اللى فهمته باختصار لحضرتك وأتمنى انى أكون فهمت صح

[@عامرالغامدي-ش6ع]

درس الفلوت اصعب درس في الـCSS وكمان درس البوزيشين ..
تابعت هذا المقطع وبرضو ماحس ان المعلومة دخلت دماغي ان شاء الله اعيد المقطع 2 وثلاثة واربعه لين مافهمه
وشكرا يااسامة الله يعطيك العافية

[@ElzeroWebSchool]

الله يوفقك يارب

[@Anis.Zouari]

ربنا يبارك في حضرتك ويجعله في ميزان حسناتك

[@mohamedhussien3187]

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

[@ElzeroWebSchool]

اللهم آمين يارب يسعدك ويكرمك ويوفقك والحمد لله

[@emanshafik7386]

شكرا بجد جزاك الله كل خير
كنت بدور علي الشرح ده
شرح جميل جدا ما شاء الله

[@NorhanMSaleh-pm5un]

أسأل الله أن يبارك لك ويسهل لك أمورك ويرزقك من حيث لا تحتسب

[@mohamedsalem3861]

اول ما بدأت كنت هتجنن ليه لما بعمل float الخلفية بتختفي
بجد شرح اكتر من رائع
وعجبني مثال الكتاكيت اللي خرجة برة 😂😂😂😂😂

[@ElzeroWebSchool]

الله يكرمك يارب :)

[@ahmad-saleh]

أستاذي الفاضل .. كل الشكر والتقدير لك على الشرح الأكثر من رائع

[@ElzeroWebSchool]

تعيش يارب جزاك الله خيرا

[@Ibrahdarra]

ولله يا استاذ اسامة شروحاتك مفيدة جداااا جدا وما فيش حدا بيشرحها الله يعطيك العااافية شروحاااااات جميلة ومبسطة يعني ما بعرف كيف بشكرك
والله يجعلهم في ميزان حسناتك يا رب

[@ElzeroWebSchool]

الله يسعدك يارب ويكرمك تعيش

[@itgiants5218]

فعلا انا واجهت هالمشكلة وشكرا لك الآن عرفت كيف اصححها جزاك الله خير , الله يرضا عليك والله بدعيلك من كل قلبي

[@elgeniasabdo7750]

حبيب قلبى يا هندسه اسطوره من يومك وجميله اوى الكتاكيت دى وكل سنة وحضرتك طيب وعيد سعيد عليك يارب

[@mohamedeid2811]

ربنا يجزيك خير

[@prolearning5574]

والله شرحك روعه ومفيد
هاد شرح الي من دور عليه من زمان
مشاكل CSS

[@ElzeroWebSchool]

الله يسعدك يارب ويكرمك تسلم يارب

[@prolearning5574]

اتمنى بان تشرح المشاكل css بشكل اكبر واوسع , ولك كل خير

[@ElzeroWebSchool]

ربنا يسهل ان شاء الله

[@muhammedyazan4193]

الله يجزيك ألف خير ،اتابع في 2020

[@abdullahprogramming5934]

أشكرك على هذا الشرح المفصل.
بس عندي ثلاث أسئلة يا أستاذ أسامة:
1. هل قصدك بـ clearfix هو clear:both؟
2. هل clear:both يعتبر أفضل حل لمشكلة float؟
3. ليش لما استخدم position:relative مع overflow: auto يظهر لي scroll bar بس لما أشيل position:relative ما يظهر لي scroll bar؟
ومتأسف على الأسئلة الكثيرة وشكرا.

[@محمدعلاء-ض2ت2ل]

جزاك الله خيراً

[@graphicdesigner3010]

Best teacher ever

[@ElzeroWebSchool]

Thanks

[@azharnsafi9172]

يعطيك ألف عافيه يااارب رائع جداا 👏🏿👏🏿👏🏿👍🏿

[@ElzeroWebSchool]

الله يسعدك يارب

[@user0760]

بارك الله فيك

[@saidmet2420]

جزيت خيرا كثيرا كنت أستعمل فقط overflow:hidden وشكرا على طرق clear

[@batman2010ish]

تسلم استاذنا جزاك الله خير

[@ElzeroWebSchool]

وياك يارب

[@AhmedAnmar300]

شرح متميز
من شخص متميز

[@samirabboud2432]

جزاك الله خيرا

[@elgeniasabdo7750]

ربنا يباركلك يارب وزيدك انته برنس

[@ahmedkadry4301]

الله ينور عليك ياريس

[@SittaStudios]

الله يكرمك يارب يا استاذ اسامه

[@mohamed-ke1zi]

عندي سؤالين يارب حضرتك تشوفهم
1-
ايه فايده display:block , height:0 in clear fix hack
2-
مش المفروض ان الclear:both كان بيستخدم بعد الفلوت ازاي استخدمناه في الparent وهو كده يعتبر قبل ما نعمل float ?

[@VantomChannel]

احسن لايك لأحسن قائد ومًعلم الغني عن الألقاب أسامة محمد وما ادراك من اسامة محمد ♥ يعني الحب كله

[@ElzeroWebSchool]

الله يسعدك يارب تعيش

[@chakabani123taftouf7]

very good, continue.

[@m.amineakaaboune8585]

جزاك الله خيرا اخونا اسامة :)

[@ahmedalhallag3338]

أنت جميل جدا والله بجد

[@ServerGtaPro]

شكرا لك استاذ اسامه شرح مفهوم
لكن ايش الفرق بين ال float و
ال display:inline || display:inline-block || display:table-cell
وايش الافضل استخدامها :(

[@ElzeroWebSchool]

بعمل عنهم درس الاسبوع دة بالتفصيل بامر الله

[@salh8248]

مشكوووور الله يسلمك

[@sayedabdalla3383]

رائع👏🏿

[@youssefsamir9728]

فهمت الدرس دoverfloweا بس اخر حاجه لا لو خشيت علي الدرس التاني عادي ولا لازم افهم دا؟؟

[@shadiagmy4021]

ostaz osama,,
ana lma 3amlt padding 5px ll child div, ettareet eny a3ml el width :49.2% 3shan l float yezhar ,,hal feh 7al ll mawdo3 dah wla dah l tare2a l sa7e7a ??

[@karrarbarazanchi666]

شكرا استاذ اسامة.. لو سمحت في محرر الكمودو كان في اسهم لأرجاع الخطوات للوراء وايضا للتقدم الى الامام ... في البراكيتس مفيش اسهم... بتتعمل ازاي؟

[@ElzeroWebSchool]

والله بقالي سنين مشتغلتش عليه مش عارف قصدك على اي اسهم

[@karrarbarazanchi666]

+Elzero Web School
شكرا عرفتهم cnt+z &cnt+x 😊

[@VantomChannel]

الدرس دا كنت منتظروووووووا من قروووون الف حمد وشكر ليك يارب ، انا كنت بحس اني غبي اوي وبستعمل الاوفر فلو بدون ما افهم ليه

[@ElzeroWebSchool]

الله يكرمك يارب ويوفقك تعيش يارب

[@abdoshetewa1549]

دسم جدااااااااا اعيده تاني جزاكم الله خيرا

[@ElzeroWebSchool]

الله يسعدك يارب تعيش

[@maamounalali6163]

بعد إذنك يا بشمهندس أسامة : ليه لما بحط margin-left: 5px; أو
margin-right: 5px; بيلغي ال float و ترجع الديفات كلها تحت بعض ؟؟

[@ElzeroWebSchool]

هو مش بيلغي الفلوت خالص كل الموضوع انك زودت المساح فواحد منهم نزل تحت
العنصر الاب عرضه
100px
وعنصرين جواه معمول ليهم فلوت كل واحد عرضه
50px
لو عملت ليهم فلوت هييجوا جمب بعض
جرب تدي لاي حد فيهم مارجين كدة المساحدة زادت عن
100px
اللي هو عرض الأب بتاعهم بالتالي لازم العنصر التاني ينزل تحت

[@maamounalali6163]

أوك شكرا .... جزاك الله خير

[@essamjamal8381]

السلام عليكم يابشمهندس انا عندى مشكلة فى position مش عارف اعطى العنصر القيمة relative or absolute or statice or fixed وكذلك عندى مشكلة فى display امتى اعطى العنصر ineline or block or inlineblock .... وكذلك float انا بمظم العناصر تمام فى ملف html وعند التنسيبق css لما اطبق property اللى انا ذكرتها دى الصفحة بتتطلع مش مرتبة والعناصر بتدخل على بعضها !!!! يا ترى ايه المشكلة ارجو الافادة وجزاكم الله خير الجزاء يا هندسة

[@TheMohamedmarey]

الشرح الأسطورى :)

[@ElzeroWebSchool]

الله يسعدك يارب ويكرمك عشت

[@faisalbari3118]

عندي الكود هذا مو شغال في ال Css سواء حذفته او خليته مايشتغل ايش المشكله ؟
.header .navbar {
background-color:#252E31;
color:#FFF;
overflow:hidden

[@ahmedsamra1320]

جزاك الله كل خير
عندى مشكله لما اعمل div عباره عن container واعمل جواه 2 div float واستخدام clear:both واعمل تصغير للشاشه احرك scroll الافقى مش بيظهر div الاب كامل ?

[@ElzeroWebSchool]

اعمل الكود هنا
codepen.io
علشان مش فاهم قصدك والكلام داخل في بعضه

[@ahmedsamra1320]

+Elzero Web School جزاك الله كل خير لقيت الحل فى اخر فيديو لحضرتك فى التصميم التانى علشان مش محدد عرض div

[@ElzeroWebSchool]

تمام الحمد لله

[@Ibaksab]

👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻👏🏻
والله تستحق ان نقف لك ونصفق 👌🏻👌🏻

[@ElzeroWebSchool]

الله يسعدك يارب ويبارك في عمرك تسلم يارب

[@حذيفةأحمد]

💙🌹💛💚

[@osamatalaat8113]

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

[@osamatalaat8113]

حلو مثال يلا ياجماعة لمو الكتاكيت في العشة ده :D :D
ربنا يجزيك خير والله يا أستاذنا

[@osamatalaat8113]

ومشكلة الألوان اتحلت بفضل الله كدا كله تمام والحمد لله

[@ElzeroWebSchool]

الحمد لله ساعات بكتب وسم من غير قفلة بيعمل المشكلة دي وربنا يوفقك يارب

[@faisalalotibi2014]

ياليت تسوي درس كيف تخطط صفحة ادمن لوحة تحكم كاملة نافبار وقائمة جانبية ومحتوي وفوتر
لاني حاولت وتعبت بصراحة لما احط قائمة جانبية تحت النافبار يختفي او يصبح شكله مو حلو.

[@ElzeroWebSchool]

حاضر ان شاء الله

[@mimo1811]

ممكن برضه تتحل ب (display:flow-root)

[@ElzeroWebSchool]

غير مدعومة للاسف في متصفحات كتير
caniuse.com/#feat=flow-root

[@azoozym]

@@ElzeroWebSchool قصدك غير مدعوم في انتؤنت اكسبلور :)

[@marwasuleiman3721]

يعني الاوفر فلو بيعالج الفلوت

[@ElzeroWebSchool]

بيدخل اي عنصر عايم جوة المحتوى تاني يعني ممكن نقول بيعالج

[@MrSeifSlimene]

خرجت من الوورك فلو إيه معناها؟

[@ElzeroWebSchool]

خرجت برة المكان اللي فيه الشغل اللي انت شايفه قدامك

[@MrSeifSlimene]

خرجت لفين طيب؟

[@ElzeroWebSchool]

خرجت عن مكان العمل يعني كانها مش موجودة

[@MrSeifSlimene]

فهمنا خرجت عن لكن سؤالي خرجت لفين؟ فين راحت؟

[@MrSeifSlimene]

!خرجت من فين عرفناها لكن خرجت لفين؟

[@seennnun2895]

eng subtitles pls..

[@melodizee]

can it possible in Hindi?

[@ElzeroWebSchool]

Iam sorry brother i dont know hindi :(

[@melodizee]

then in English?

[@youssefsamir9728]

والله ما فهمت حاجه 😢😢

[@mariemkhalfa4238]

momkon techra7elna akthar ana mafhemet!!!!

[@kas434]

جزاك الله خيراً