أريد أن أضع جدولين بجوار بعض بدون أن يتم التعارض مع بعض فى HTML

#14 سبتمبر 2006 في 15:15 صاحب الموضوع

السلام عليكم

أخوانى الاعزاء كنت أحتاج المساعدة لو سمحت

أنا أتعلم لغة HTML حاليا والحمد لله تم تعلمها بنجاح الحمد لله ولكن عندى مشكلة فى الجداول عارضتى ولم أجد لها حل عندى وهى

أنا أريد أن أضع 2 جدول بجوار بعض بحيث يكون جدول فى اليمين وجدول فى الوسط والمشكلة الان أننى وضعت الجدولين ولكن مرتبطين ببعض يعنى عند نزول الجدول الذى فى الوسط ينزل معة الذى على اليمين وفي نفس الوقت لا أعرف كيف أضعهم بجوار بعض وأ،ا قمت بوضع صورة لرؤية المشكلة :

كل ما أريدة هو ما هو الكود الذى يعطينى الحرية فى تحريك أى جدول إلى أى مكن مهما كان بجوار بعض أريد أن يكون كل جدول لة خصائصة الخاصة بعيد عن الاخر .

وأنا أنتظر الرد ..............

تم تعديل هذه المشاركة بواسطة حبيب الله في 4 سبتمبر 2006 في 15:23

||||||||||||||||||||||||||||||||||||

#24 سبتمبر 2006 في 15:30

باستخدام css تستطيع أن تعمل كل شيء وبمرونة عالية

<style>
.side_right {
	float: right;
	margin-right: 0px;
	margin-bottom: 1em;
	display:inline;
	width:180px;
}

.block_center {
	width:580px;
	float:left;
}
</style>
<table class="side_right"><tr><td>side_right</td></tr></table>
<table class="block_center"><tr><td>block_center</td></tr></table>

مع أني أوصيك بعدم استخدام الجداول كل الوقت الذي ستضيعه في استخدام الجداول وتجاهل css ستندم عليه .

ولو وافيت ربك دون ذنب *** وناقشك الحساب إذاً هلكتا

ولم يظلمك في عملٍ ولكن *** عسير أن تقوم بما حملتا

#34 سبتمبر 2006 في 15:49

جزاك الله كل خير أخى على الرد السريع فعلا

يعنى الان لا يمكن التحكم بالجداول عن طريق HTML وعمل ما أريدة

يعنى لازم لغة Css عشان أعمل ما أريدة .....

||||||||||||||||||||||||||||||||||||

#45 سبتمبر 2006 في 00:34

السلام عليكم

<table border=0>
  <tr>
	<td  valign=middle>
		<table border=1  cellspacing=3 cellpadding=1>
		  <tr><td>كل ما أريدة هو ما هو الكود الذى يعطينى الحرية فى تحريك أى جدول إلى أى مكن مهما كان بجوار بعض أريد أن يكون كل جدول لة خصائصة الخاصة بعيد عن الاخر </td></tr>
		</table>	 
	</td>	   

	<td  valign=top>
		<table border=1 bgcolor=yellow style="text-align:center">
		  <tr><td nowrap>main menu</td></tr>
		  <tr><td>2</td></tr>
		  <tr><td>3</td></tr>
		  <tr><td>5</td></tr>
		  <tr><td>4</td></tr>
		  <tr><td>4</td></tr>
		  <tr><td>4</td></tr>	 
	   </table>
	</td> 
  </tr>
</table>

تم تعديل هذه المشاركة بواسطة Mo7eb_Alrasool في 5 سبتمبر 2006 في 00:46

سبحانك اللهم وبحمدك أشهد ان لا اله الا أنت

أستغفرك وأتوب اليك

الهم صلي وسلم وبارك على سيدنا وحبيبنا محمد

#55 سبتمبر 2006 في 05:52

اقتباس
يعنى الان لا يمكن التحكم بالجداول عن طريق HTML وعمل ما أريدة
يعنى لازم لغة Css عشان أعمل ما أريدة .....

يمكنك التحكم بخصائص html في الجدول كما في مشاركة الأخ محب الرسول ( صلى الله عليه وسلم ) ،

ولكني كما قلت إلى اضطررت للتعديل كل فترة على التصميم سنتدم على تجاهلك لـ css لأنك ستفقد الكثير من الخصائص والمميزات والسهولة

ولو وافيت ربك دون ذنب *** وناقشك الحساب إذاً هلكتا

ولم يظلمك في عملٍ ولكن *** عسير أن تقوم بما حملتا

#65 سبتمبر 2006 في 05:58

موضع كان يشغلني كثير وهو كيف التحكم في الجداول شكرا لاصاحب الموضوع

لكن لايمكن التحكم بالجداول بالفرونت بيج ام يجب استخدام لغه html فهذا متعب سوف تكتب اكواد كثيره

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

#76 سبتمبر 2006 في 16:57

جزاكم الله كل خير أخوانى الاعزاء على الرد الجميل

وفعلا عندكم حق بأن لغة الـ Css قوية فعلا فى التحكم فى الصفحة كما تشاء

وأن حاليا أقوم بتعلمها جزاكم الله خيرا جميعا

||||||||||||||||||||||||||||||||||||

#86 سبتمبر 2006 في 19:12

السلام عليكم

اقتباس
لكن لايمكن التحكم بالجداول بالفرونت بيج ام يجب استخدام لغه html فهذا متعب سوف تكتب اكواد كثيره

اخي CoooL تستطيع استخدام الفرونت بيج او اية برنامج اخر ولكن شخصيا لا أفضل ذالك فالأفضل ان تتعود على كتابة الصفحة بنفسك

اما بالنسبة للجدول الذي وضعته فهو جدول عادي جدا فقط غيرت خاصية ال valign لل TD

<table border=0>
  <tr>
	<td  valign=middle></td>
	<td  valign=top></td> 
  </tr>
</table>

اقتباس
يعني نريد ان نضيف قائمة اخرى على اليسار

فقط ضيف TD جديده في بداية الجدول وضع القائمة داخلها

<table border=0>
  <tr>
	<td  valign=top>left menu</td>
	<td  valign=middle>body</td>
	<td  valign=top>right menu</td> 
  </tr>
</table>

ام بالنسبة لل Style Sheets css فهو لا يلغي الجداول او يحل مكاهنها

هو للتحكم بخصائص ال tags وطبيعة ظهورهاو...

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

للتفادي هذه المشلكله ممكن

اضافه ال style التالية الي .side_right كالتالي position:absolute;

.side_right {position:absolute;
	float: right;
	margin-right: 0px;
	margin-bottom: 1em;
	display:inline;
	width:180px;
}

او وضع الخدولين داخل div مثلا وعمل العرض له مجموع الجدولين

<style>
.side_right {
	float: right;
	margin-right: 0px;
	margin-bottom: 1em;
	display:inline;
	width:180px;
}
.block_center {
	width:580px;
	float:left;
}
</style>
<div style="width:760">
  <table class="side_right"><tr><td>side_right</td></tr></table>
  <table class="block_center"><tr><td>block_center</td></tr></table>
</div>

بالنسبة لي انا دائما اقسم الصفحة الى خمسة اقسام

علوي وسفلي ويمين ويسار والمنتصف

وتكون منفصلة عن باقي الصفحات ويتم تغيير محتويات القسم الذي في المنتصف

اما باقي الاقسام فتبقي نفسها في جميع الصفحات تقريبا

arabteam2000.htm

تم تعديل هذه المشاركة بواسطة Mo7eb_Alrasool في 6 سبتمبر 2006 في 19:15

سبحانك اللهم وبحمدك أشهد ان لا اله الا أنت

أستغفرك وأتوب اليك

الهم صلي وسلم وبارك على سيدنا وحبيبنا محمد

#96 سبتمبر 2006 في 21:29

بطل واللهى أخى جزاك الله كل خير على هذا الشرج الجميل

ولكن أكواد الـ Css الى انت كاتبها لم أفهم معناها لان أنا حاليا أتعلمها ولم أصل إلى هذة الاكواد حتى الان

لكن أتمنى أن شاء الله أن أصل اليها .

جزاك الله كل خير

||||||||||||||||||||||||||||||||||||

#107 سبتمبر 2006 في 02:49

اخي Mo7eb_Alrasool والله ابداع وشرحك مفهوم :)

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

وسؤالي بعد انشاء جدول بهذا الكود

<table border=0>
  <tr>
	<td  valign=top>left menu</td>
	<td  valign=middle>body</td>
	<td  valign=top>right menu</td>
  </tr>
</table>

سوف يتكون لدي

left menu

body

right menu

قصدي من هذا الكلام اني بعد هذا اريد انشاء header وبعده fotter صار عدد الاقسام خمسه صح

الي اريده بالضبط اي كود ابداء كتابته اولا هل اكتب كود header وتحته جدول جديد الي هو left menu+body+right menu

ومن ثم اكتب كود الجدول الاخير الي هو الفوتر

ارجو انك فهمت قصدي يعني ايهم من الاقسام الخمسه ابداء

اما بالنسبه cSS انا اريده استخدامه في نوع الخط وخلفيه الصفحه فقط هل هذا يكفيني

#117 سبتمبر 2006 في 03:30

طالما عندك header و footer اذن تقسم الصفحة الى 3 خلايا شاقولية اولا

<table>
<tr>
	  <td>header here</td>
</tr>
<tr>
	  <td>whole body here</td>
</tr>
<tr>
	  <td>footer here</td>
</tr>
</table>

الان الـ header والـ footer تتعلق بما تريد اضافته فيها, المسالة تعود لك, اما فيما يتعلق بالـ body

<table>
<tr>
	  <td>header here</td>
</tr>
<tr>
	  <td>
			 <table>
			 <tr>
				   <td>left table here</td>
				   <td>middle table here</td>
				   <td>right table here</td>
			 </tr>
			 </table>
	  </td>
</tr>
<tr>
	  <td>footer here</td>
</tr>
</table>

لذا كما ترى المفتاح الوحيد في جميع الطرق هو:

1- لو اردت جداول بشكل قائم (فوق بعضها البعض) عليك ان تستخدم <tr></tr> اكثر من مرة لتقسم الجدول الى خلايا شاقولية

2- لو اردت الجداول بشكل افقي (الى جانب بعضها البعض) عليك ان تستخدم <td></td> اكثر من مرة و <tr></tr> ليكون لديك خلية واحدة شاقولية مقسومة الى 3 خلايا افقية.

السلام عليكم

Do as I say, not as I do

We are Anonymous. We are Legion. We don't forgive. We don't forget

#127 سبتمبر 2006 في 08:35

السلام عليكم

اقتباس
الي اريده بالضبط اي كود ابداء كتابته اولا هل اكتب كود header وتحته جدول جديد الي هو left menu+body+right menu
ومن ثم اكتب كود الجدول الاخير الي هو الفوتر

مش المهم ايهم تكتب اول المهم كيفية كتابتهم داخل الصفحة

ولكن تستطيع كتاب الheader ثم left , right ثم ال footer وال body سيكون مختلف لكل صفحة

تستطيع ان تستخدم الكود الذي وضعه الأخ Xacker اي ان تستخدم جدولين مع قليل من التعديلات عليه

وتستطيع استخدام هذا الكود

<style>
 body{margin:0 0;xpadding:0 0}
</style>
<table border=1 width=100% height=100% cellpadding=0 cellspacing=0>
  <tr>
	 <td colspan=3 height=1% align=center>
		header
	 </td>
  </tr>
  <tr>
	 <td width=1% valign=top>left</td>
	 <td valign=top align=center>body</td>
	 <td width=1% valign=top>right</td>
 </tr>
 <tr>
	 <td colspan=3 height=1% align=center>
		footer
	 </td>
  </tr>  
</table>

اقتباس
اما بالنسبه cSS انا اريده استخدامه في نوع الخط وخلفيه الصفحه فقط هل هذا يكفيني

في البداية يجب تعلم html وفهم تعليماتها (ليس جميعها طبعا) ثم بعد ذلك تكون ال css سهلة جدا

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

او انشاء style لجميع ال tags من نوع واحد او عدة انواع....

ارجو ان يكون كلامي واضح

والله اعلم

سبحانك اللهم وبحمدك أشهد ان لا اله الا أنت

أستغفرك وأتوب اليك

الهم صلي وسلم وبارك على سيدنا وحبيبنا محمد

#137 سبتمبر 2006 في 10:01

مايسعني الا ان اشكركم الصراحه كفيتو وفيتو

أريد أن أضع جدولين بجوار بعض بدون أن يتم التعارض مع بعض فى HTML

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

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