مساعدة للتخلص من حشوة زائدة في الصفحة

مرحبًا عبد الواحد.

أحسنت العمل. مشروع أكثر من رائع. استمر في الممارسة و التمرين و سيتحسن مستواك بشكل أكبر في المسقبل.

بتاريخ 9 ساعات قال عبد الواحد الحدادي:

المشكلة الذي أعاني منها في هذه الصفحة هي الحشوة الزائدة على اليسار ( الصورة مرفقة توضح الأمر ) - أرجو ذكر سبب تلك الشحوة الزائدة وكيف أتخلص منها ؟ 

يمكنك إضافة التنسيق التالي لحل هذه المشكلة:

html {
  overflow-x: hidden;
}

لأن هذه المسهحة البيضاء الزائدة تظهر نتيجة scroll لليسار

بالتوفيق.

أولاً التصميم جميل والأيقون وإختيار الأيقون وطريقة عرضها جميلة .

ولكن يوجد بعض الملاحظات :

حل هذه المشكلة هو التعديل على class الخاص بالبوتستراب row هكذا :

html {
  overflow-x: hidden;
}

ثم سوف يظهر معاك مشكلة اخرى وهى تداخل النصوص :

حل هذه المشكلة هو التعديل على كلاس row بالبوتستراب

.row{
	margin-right: 0px;
  	margin-left: 0px
}

لا تعتمد إعتماد كامل على البلاجن في جميع سيكشنز الصفحة ولكن أولاً أصنع الأنيمشن الذي تريده بنفسك وتعلم الأنيشمين الخاص بال css ثم الأنيمشين الخاص jquery جيداً .

بالنسبة للكود:

1. أهتم بكتابة comments عند بداية السيشكن ونهايته كمثل هنا.
2. لا تستخدم container ملم بالصفحة جميعها ولكن إستخدم كل سيكشن بمفرده .
3. يجب أن لا تضع في الصفحة أكواد زائدة ليس لها أي قيمة ووضعها في كومنت ولكن احذفها نهائياً .

• أنا أرفقت الملف حل المشاكل أولاً ثم أعطي نظرة على الملف المرفق محلول به جميع المشاكل .

build.rar

تقدم جميل و ملحوظ، أتمنى لك التوفيق فيما هو قادم.

بالفعل كما ذكر زملائي، المشكلة متعلقة بrow class.

لدي بعض الملاحظات حول الكود المرفق، و أتمنى أن تعمل بها لتصل قدر الإمكان لمرحلة جيدة و فعالة في كتابة الكود :

• لديك تكرار في وضع الـ inline style في ملف html، هذا غير مرغوب به كثيرا طالما يوجد لديك ملف خاص بالـ css، حاول قدر الإمكان أن لا يتواجد في صفحة html أي inline style.
• يوجد أيضًا تكرار لوضع الستايل الخاص بكل div رغم أنهم مشتركين في نفس الستايل، أنصحك بإستخدام كلاس يجمع تلك الإعدادت المكررة و فقط إستخدم الكلاس في المكان المراد والإبتعاد عن التكرار.
• في ملف الـ html حين تضع الصورة، لا تهمل وصف الصورة (alt).

أتمنى لك كل التوفيق.