مشكلة بتوسيط العناصر في foundation

و عليكم السلام أحمد..

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

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

كوضع افتراضي بدون كود css مساعد 

بتاريخ 4 دقائق مضت قال Ahmed Gad4:

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

كوضع افتراضي بدون كود css مساعد 

صديقي هذا لأنك قمت بإستخدام الكلاس float-left و التي تقوم بجعل المحتوى يظهر على اليسار و كذلك قمت بإستخدام الكلاس float-right و التي تقوم بوضع المحتوى على اليمين قم بإستبدالهما بfloat-center في كلا الحاوتين , كما أنه في المثال المرفق قام بإعطاء الحاوية div إثنى عشر عمودا على مختلف الشاشات بينما أنت قمت بتقسيم صفحتك إلي قسمين حاوية تحتل 8 أعمدة و أخرى تحتل 3 أعتقد بأنك بحاجة لدراسة و فهم نظام الgrid و الأدوات المساعدة في إيطار foundation.

بالتوفيق.

شكرا اخي علي مجهودك,

ولكن كل الشرح اللي بلاقيه بيكون زي نظام نسخ ولصق
والحل الاكيد هو ان لازم اروح مكان متخصص للدراسة افضل

بتاريخ 14 دقائق مضت قال Nezar Madi:

صديقي هذا لأنك قمت بإستخدام الكلاس float-left و التي تقوم بجعل المحتوى يظهر على اليسار و كذلك قمت بإستخدام الكلاس float-right و التي تقوم بوضع المحتوى على اليمين قم بإستبدالهما بfloat-center في كلا الحاوتين , كما أنه في المثال المرفق قام بإعطاء الحاوية div إثنى عشر عمودا على مختلف الشاشات بينما أنت قمت بتقسيم صفحتك إلي قسمين حاوية تحتل 8 أعمدة و أخرى تحتل 3 أعتقد بأنك بحاجة لدراسة و فهم نظام الgrid و الأدوات المساعدة في إيطار foundation.

بالتوفيق.

لما قمت بحذف كافة الاكواد وتركت الكود الرئيسي
مازالت المشكلة قائمة

بتاريخ 9 دقائق مضت قال Ahmed Gad4:

لما قمت بحذف كافة الاكواد وتركت الكود الرئيسي
مازالت المشكلة قائمة

هذا لأنك قمت بحذف الحاوية التي تحتوي على تنسيقات الأعمدة columns large-12 small-12 medium-12 , نظام الgrid يقسم الصفحة إلي أعمدة و صفوف  لعمل صف نقوم بإستخدام row و لعمل عمود نقوم بإستخدام columns و من ثم تحديد العنصر كم سيحتل عمود من الصف علما بأن كل صف مقسم إلي 12 عمود و بإمكانك أيضا جعل عنصر ما يحتل أعمدة مختلفة بإختلاف حجم الشاشة مثلا في شاشات الهواتف الذكية يمكن جعل العنصر يحتل 12 عمود و ذلك بكتابة small-12 و عى شاشات اللابتوب نريده أن يحتل 9 أعمدة medium-9 و على الشاشات الكبيرة مثلا نريده أن يحتل فقط 6 أعمدة large-6.

بتاريخ 24 دقائق مضت قال Nezar Madi:

هذا لأنك قمت بحذف الحاوية التي تحتوي على تنسيقات الأعمدة columns large-12 small-12 medium-12 , نظام الgrid يقسم الصفحة إلي أعمدة و صفوف  لعمل صف نقوم بإستخدام row و لعمل عمود نقوم بإستخدام columns و من ثم تحديد العنصر كم سيحتل عمود من الصف علما بأن كل صف مقسم إلي 12 عمود و بإمكانك أيضا جعل عنصر ما يحتل أعمدة مختلفة بإختلاف حجم الشاشة مثلا في شاشات الهواتف الذكية يمكن جعل العنصر يحتل 12 عمود و ذلك بكتابة small-12 و عى شاشات اللابتوب نريده أن يحتل 9 أعمدة medium-9 و على الشاشات الكبيرة مثلا نريده أن يحتل فقط 6 أعمدة large-6.

تمام فهمت كده شكرا لك اخي