حوارات ( 2 ) : الصراع بين ( Div ) و ( Table ) لمن المستقبل ؟!!

[Zizwar]

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

[Zizwar]

بل ثلاث مرات آسف شباب بطأ المنتدى هو المشكل

[fnan4arab]

المستقبل لهم الأثنين .. وان شاء الله يتزوجون


ال TABLE مفيدة جدا لبرمجة السكريبتات حيث يرتب لك كل شيء
يعني ال table للسكريبتات التي تأخذ البيانات من قاعدة البيانات ويرتبها بنفسه دون تدخل أحد << ولا جيش امريكي ملقوف

أما ال DIV فهي للي يريد ان يرتب صفحته بنفسه
وأيضا يمكنك نقل النص او محتوى ال DIV لمكان آخر (فوق الصورة مثلا )

مثلا موقع سردال مافيه جداول فهو اللي يرتب كل شيء
أما النيوك والمنتديات فكل سكر جدول لأنه البرنامج يرتب نفسه

[رضا]

السلام عليكم ..
حقيقة أشكر كل من عقب وشارك بهذا الموضوع وأخص بالذكر الأستاذين سردال و Zizwar على إثرائهم الموضوع ..
وكنت أتمنى تفاعل أكبر من المصممين المختصين بدون ذكر أسماء ..
من وجهة نظري أرى أنه إستخدام Div مع Css فإنه فعلاً الأفضل في كتابة أكواد الصفحات لما يوفره هذا النوع من مزايا ذكرها الأخوة ..
ولكن بطبيعة الحال أعتقد أنه لن ينجح بشكل كبير بين المصممين العرب كون الكثير منا معتاد على روتين معين وقليل من يطور نفسه ..
والكثير منا تعود على الخلايا والأعمدة والصفوف ..
وكما ذكر الأخ سردال فإن الأوامر التي يمكن إستخدامها مع Div و Css مختلفة كثيراً عن التفكير المنطقي الذي كان يستخدم في أوامر الجداول ..
لذا قد يواجه صعوبة من تعمق في ال Table ..
ختاماً أنصح الجميع بالدروس الموجودة على موقع http://www.alistapart.com والذي سمعت أن صاحبه من أشهر مصممي المواقع العالميين ..
وأكرر الشكر لكل من شارك وعقب وأثرى الموضوع ..
وإلى اللقاء في الحلقة القادمة ..

[سردال]

Zizwar: مثال رائع وجعلني أفهم الجافاسكربت بشكل أفضل


fnan4arab: حتى السكربت يمكنه أن يستفيد من CSS

[fnan4arab]

سردال : انا ودي اتعلم CSS حتى استخدمها في سكريبت بس تونا مبتدئين

ننتظرك تترجم الدروس عشان ترا نص ونص بالإنجليزي

[haidar]

أشكر الأساتذة

استخدام الـ Div بدلاً عن الـ Table، مع امتداد احدى الخليات لحفظ مظهر الصفحة لأي دقة شاشة يستخدمها المستخدم

<style type="text/css">
body
{
margin: 0;
}

#midbanner-box {
	width: 100%;
	height: 100px;
	top: 0px;
	margin: 0 300px 0 300px;
	text-align: center;
	background-color: #f0f0f0;
	background-image: url('background.gif');
	background-repeat: repeat-x;
	background-position-y: top;

}

#leftbanner-box	{
	position: absolute;
	float: left;
	top: 0px;
	left: 0px;
	width: 300px;
	height: 100px;
	background-color: #808080;
}

#rightbanner-box {
	position: absolute;
	float: right;
	top: 0px;
	right: 0px;
	width: 300px;
	height: 100px;
	background-color: #FF9900;
	text-align: right;
}

</style>


<div id="midbanner-box">هنا الخلفية</div>
<div id="leftbanner-box"><img src="left.gif"></div>
<div id="rightbanner-box"><img src="right.gif"></div>

[beshoo]

موضوع رائع .................


استغرب جدا كيف فاتني ولم انتبة له ....


المشكلة بالموضوع انك على الدريم ويفر لا يمكنك مشاهدة نتاج عملك ...

لم احب الموضوع ولم افهمه بشكل كبير ....

لحد الان انا مع وسم <table>

[رضا]

الجديد في الموضوع أن أغلب الأكاديميات العالمية ومعاهد تدريب الويب ماستر أصبحت تركز بشكل ملحوظ على CSS وتقلل من جرع HTML !! ..
وعندنا هنا مازلنا في أكبر خطأ وهو ال Table الكبييييييييير ..

[eltawoos.com]

والله انا عندى مشكلة كبيرة بال table و هى انها لا تظبط معى

اعمل القائمة اليمين و ال body و اجى اكتب كلام الاقى كل شىء اتلخبط تماماً

و الحل اية يا شباب ؟!!

[عبدالكريم ابو السعود]

رد مقتبس من haidar
نعم أقصد القسم الأعلى للموقع (الهيدر) بأكمله، هل سننشأ ثلاثة صناديق أم ماذا؟

http://www.alistapart.com/articles/negativemargins


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

[فهد 2000]

كتبت رد بالغلط

[دكتور / مجنون]

السلام عليكم

انا مبتدئي بالتصميم و سألت واحد عن الفرق بين الـ div و الـ table و قال استخدم table لأن المستقبل لها و استخدمت الجداول بموقعي مع استخدام الـ CSS لكن الموقع صار صعب و التعديل صار متاهه

المشكله اني ما اعرف وش الفايده من div !! هل هو جدول !! هل هو اطار !! كيف احدد شكله بالطول و العرض و المكان !!؟!؟

[عبدالكريم ابو السعود]

اخي رضا لدي ملاحظه التفت اليها اثناء بحثي فيما ذكرت

ان سبب بطأ موقع طريق الاسلام ليس اعماده على table
بالسبب الحقيقي حو احتوائهم على 564 خطأ حسب تقييم HTML 4.01 في موقع www.w3.org و
و بالمقابل فإن الموقع www.alistapart.com لا يحتوي على اي أخطاء
بصراحه هذا هو اول موقع يمر علي في حياتي لا يحتوي على أخطاء على مقياس W3

نتيجة أختبار موقع A List Part
http://validator.w3.org/check?uri=www.alistapart.com

نتيجة أختبار موقع طريق الاسلام
http://validator.w3.org/check?uri=www.islamway.net

[code]

مرحبا
يمكنكم الإطلاع على هذه المقالة لعلها تفيدكم ..

ثلاث أعمدة CSS
http://qatardr.net/showclass.php?classid=872