الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

التحكم بتبات المكونات في وسط الصفحة باستعمال الDIV

بدأه Ph-RevIng في 10 سبتمبر 2010 · 6 رد · 1,027 مشاهدة · في منتدى تصميم صفحات الويب
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

السلام عليكم

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

لاوضح المشكل شاهدو الموقع الاتي www.marsamaroc.co.ma

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

ستلاحض ان كل المكونات في الصفحة تبقى تابتة والموقع يتوسط الصفحة

لو تشاهدون Source الموقع ستجدون انه يستعمل الجدوال

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

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

كيف احل هدا المشكل ؟ متل الموقع اعلاه فكل الصفحة تكبر ودائما تبقى في الوسط

#2

و عليكم السلام و رحمة الله

على حسب ما فهمت من استفسارك

فيمكن ذلك عن طريق احتواء محتوى الموقع فى div كـ Container و التحكم بالـ CSS فى حجم و ابعاد و موقع هذا الـ Div

لذلك ستتأثر محتويات الموقع بهذا الـ Div بدلا من تأثرها بالـ Body مباشرة

و الله أعلم

1

I don't care how you code , i have my own style and i like it

#3

السلام عليكم ورحمة الله

ما قاله الأخ SamDev صحيح وستجد في هذه القسم مواضيع كثيرة عن توسيط الصفحة باستخدام الـ Div

هناك مواضيع للاستاذ الفيل الطائر

و هناك مواضيع اخرى لعدة اخوة

راجع هذا مثلا

/index.php?showtopic=227523

2

Everything will be fine when we TALK LESS, DO MORE


#4
MoHaMMaD Pro كتب:

السلام عليكم ورحمة الله

ما قاله الأخ SamDev صحيح وستجد في هذه القسم مواضيع كثيرة عن توسيط الصفحة باستخدام الـ Div

هناك مواضيع للاستاذ الفيل الطائر

و هناك مواضيع اخرى لعدة اخوة

راجع هذا مثلا

/index.php?showtopic=227523

أشكرك جدا أخي على إستخدام مقالي و المناقشة و بالفعل هذه العملية الصحيحة التي بإمكان الأخ الفاضل Ph-RevIng إستخدامها.

1

welcome to my portfolio:

www.cornerofart.net

Submit you design

here
#5

شكرا لك اخي على الموضوع

#6
Ph-RevIng كتب:

شكرا لك اخي على الموضوع

العفو أخي الحبيب نحن جميعنا هنا لتبادل المعرفه

welcome to my portfolio:

www.cornerofart.net

Submit you design

here
#7

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

فى ملف html وبين وسمى body ضع الكود التالى

<div id="container">
ضع محتويات موقعك هنا
</div>

الأن وفى ملف css قم بوصف هذه الـ div كالتالي

#container {
background: blue;
width: 960px;
margin: auto;
}

يمكنك الان تغيير اللون والعرض كما تريد ولقد وضعتهم فقط لتستطيع تمميز الجزء الموصوف

تم تعديل هذه المشاركة بواسطة KLABEZO في 15 سبتمبر 2010 في 07:38

مواضيع مشابهة

عدد الزوار حالياً

المتواجدون خلال آخر دقيقتين · يتحدّث كل ٣٠ ثانية

—الإجمالي—أعضاء مسجّلون—زوار بدون تسجيل

جارٍ التحقق من المتواجدين…