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

كيفية تقسيم الصفحة بال div

بدأه ADNANOO في 18 يناير 2011 · 4 رد · 6,628 مشاهدة · في منتدى تصميم صفحات الويب
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

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

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

في مايلي الكود الذي كتبته بمساعدة الدريم ويفر لصفحة وب حيث قسمت باستخدام div

للصفحة اطار من فوق واطار من تحت وهما لهما العرض 100% اي انهما ياخذان كل عرض الشاشة

اما الmaindiv فهي تضم بقية الdiv وعرضها وضعته 950

تحوي الmaindiv على page وتحوي ال page على :

banner,sidebar,content

للاسف جربت كثيرا وقرات وحاولت الكثير وكان لدي مشاكل في خصائص كل واحد من ال div السابقة

الملف في المرفقات

وشكرا مسبقا...............اول تجربة.rar

#2

كحل بدائي

#footer {
 position:absolute;
 width:100%;
 height:45px;
 z-index:2;
 bottom:0px;
 left: 0px;
}

ولكن هل لديك صورة عن الشكل النهائي

In bad state

#3
X-File كتب:

كحل بدائي

#footer {
 position:absolute;
 width:100%;
 height:45px;
 z-index:2;
 bottom:0px;
 left: 0px;
}

ولكن هل لديك صورة عن الشكل النهائي

عفوا ولكن عندما يكون positin absulote فبالتالي في حال كان طول ال page اكبر من طول صفحة المتصفح العادية فهذا يؤدي الى امتداد ال page الى ماتحت ال footer

انا ارى ان وضع position relative افضل

بالنسبة للسؤال الثاني انا اعمل حاليا على تصميم القالب بالفوتوشوب وبعد انهاءه سأبدل كل الصور بالصور بعد عمل تصميم الفوتوشوب

يعني الصور اللي مع المشروع حاليا هي مجرد صور مبدئية لتخيل ترتيب التصميم

شكرا على استجابتك اخي

#4

ليه ما حاولتش تستخدم التصميم بال table بدلا من ال div ؟؟؟ انصحك يا اخى انك تحاول بال table الاول لان ال div صعب فى استخدامه شويه عن ال table غير كده كمان مافيش div من غير table بمعنى انك ممكن تعمل كل تصميم الصفحه ( اساس الطول و العرض ) بال div و بعد كده تحط جواه table او انك نعمل الك الموقع بال div و دى بيطلب انك تكون محترف اوى اوى اوى

كمان لما تيجى تعمل border فى الصفحه لازم تحسب حجم ال border من ال dive عكس ال table بتعمل ال border و هو بيعيش مع نفسه

#5

لا انصحك باستخدام tables استخدم div لان كل المواقع يستخدمها الان وبسيط جداااااااااااااا

اذا تريد ان تكون خبيرا في ال css وعمل قوالب بشكل رائع واحترافي باستخدام div

زور هذا الموقع

www.w3a.me

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

بعد ماتدخل للموقع اضغط على مدرسة كليبز

ثم اختار css بعد ماتكمل الدورة

الان اختار القوالب وفيه دروس رائعة جدا

تم تعديل هذه المشاركة بواسطة bersa في 11 سبتمبر 2011 في 17:45

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