مشکل در جدول

[behzadbb1987]

من میخواهم جدول زیر را طراحی کنم
106908

با استفاده از این کد:


<DIV id="DIV1" style="OVERFLOW: auto; MARGIN-RIGHT: 10px; HEIGHT: 999px">
<TABLE border="1" style="BORDER-RIGHT: black 1px solid; TABLE-LAYOUT: fixed; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; CURSOR: default; MARGIN-RIGHT: 10px; BORDER-BOTTOM: black 1px solid; BORDER-COLLAPSE: collapse">
<TR class="title" style="HEIGHT: 12pt" valign="bottom">
<TD align="middle" width="27" rowspan="2">رديف</TD>
<TD align="middle" width="100" rowspan="2">شماره و گروه درس</TD>
<TD align="middle" width="177" rowspan="2">نام درس</TD>
<TD align="middle" width="80" colspan="2">واحد</TD>
<TD align="middle" width="40" rowspan="2">نمره</TD>
<TD align="middle" width="50" rowspan="2">نتيجه نمره</TD>
<TD align="middle" width="76" rowspan="2">وضع نمره</TD>
<TD align="middle" width="76" rowspan="2">وضع درس</TD>
<TD align="middle" width="76" rowspan="2">نوع درس</TD>
<TD align="middle" width="60" rowspan="2">نوع ثبت نام</TD>
</TR>
<TR class="title" style="HEIGHT: 12pt" valign="bottom">
<TD align="middle" >کل</TD>
<TD align="middle" >عملي</TD>
</TR>
</table>
<TABLE border="1" id="TABLE1" HighlightRow="1" style="BORDER-RIGHT: black 1px solid; CURSOR: hand;TABLE-LAYOUT: fixed; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid; BORDER-COLLAPSE: collapse">

<TR class="title2">
<TD width="27">1</TD>
<TD width="24">01</TD>
<TD width="28">01</TD>
<TD width="24">01</TD>
<TD width="24">01</TD>
<TD width="177">dars</TD>
<TD width="40">6</TD>
<TD width="40">7</TD>
<TD width="40">110</TD>
<TD width="50">2888</TD>
<TD width="76">222</TD>
<TD width="76">222</TD>
<TD width="76">000000</TD>
<TD width="60">2222</TD>
</TR>

</TABLE>

</DIV>

شکل زیر حاصل شد ، لطفا راهنمایی فرمایید که اشکال کار از کجاست؟
106909

[H:Shojaei]

سلام
بفرمائيد:

<DIV id="DIV1" style="OVERFLOW: auto; MARGIN-RIGHT: 10px; HEIGHT: 999px">
<TABLE border="1" style="BORDER-RIGHT: black 1px solid; TABLE-LAYOUT: fixed; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; CURSOR: default; MARGIN-RIGHT: 10px; BORDER-BOTTOM: black 1px solid; BORDER-COLLAPSE: collapse">
<TR class="title" style="HEIGHT: 12pt" valign="bottom">
<TD align="middle" width="30" rowspan="2">رديف</TD>
<TD align="middle" width="100" rowspan="2">شماره و گروه درس</TD>
<TD align="middle" width="177" rowspan="2">نام درس</TD>
<TD align="middle" width="80" colspan="2">واحد</TD>
<TD align="middle" width="40" rowspan="2">نمره</TD>
<TD align="middle" width="50" rowspan="2">نتيجه نمره</TD>
<TD align="middle" width="76" rowspan="2">وضع نمره</TD>
<TD align="middle" width="76" rowspan="2">وضع درس</TD>
<TD align="middle" width="76" rowspan="2">نوع درس</TD>
<TD align="middle" width="60" rowspan="2">نوع ثبت نام</TD>
</TR>
<TR class="title" style="HEIGHT: 12pt" valign="bottom">
<TD align="middle" >کل</TD>
<TD align="middle" >عملي</TD>
</TR>
</table>
<TABLE border="1" id="TABLE1" HighlightRow="1" style="BORDER-RIGHT: black 1px solid; CURSOR: hand;TABLE-LAYOUT: fixed; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid; BORDER-COLLAPSE: collapse">

<TR class="title2">
<TD width="30">1</TD>
<TD width="22">01</TD>
<TD width="23">01</TD>
<TD width="23">01</TD>
<TD width="23">01</TD>
<TD width="177">dars</TD>
<TD width="38">6</TD>
<TD width="39">7</TD>
<TD width="40">110</TD>
<TD width="50">2888</TD>
<TD width="76">222</TD>
<TD width="76">222</TD>
<TD width="76">000000</TD>
<TD width="60">2222</TD>
</TR>

</TABLE>

</DIV>
براي هر ستون كه در سطر بعدي دو تاستون داره بايد مقادير رو به گونه اي تنظيم كنيد كه خط هاي جدا كننده ي هر سلول در سطر بعدي هم از عرض كل ستون كم بشه.

[behzadbb1987]

UP

این کار را هم انجام دادم
ولی بازهم با همان مشکل روبرو شدم

[H:Shojaei]

الآن شما اين كدي كه گذاشتم رو گذاشتين و درست نشد؟؟؟؟ :متعجب:
واسه من كاملا درسته.

[behzadbb1987]

بله کدی که شما تصحیح کرده بودید را گذاشتم و باز هم با جدول بهم ریخته روبرو شدم.

[H:Shojaei]

اين رو امتحان كنيد:

<DIV id="DIV1" style="OVERFLOW: auto; MARGIN-RIGHT: 10px; HEIGHT: 999px;direction:rtl ">
<TABLE border="1" style=" BORDER-RIGHT: black 1px solid; TABLE-LAYOUT: fixed; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; CURSOR: default; MARGIN-RIGHT: 10px; BORDER-BOTTOM: black 1px solid; BORDER-COLLAPSE: collapse">
<TR class="title" style="HEIGHT: 12pt" valign="bottom">
<TD align="middle" width="30" rowspan="2">ÑÏíÝ</TD>
<TD align="middle" width="100" rowspan="2">ÔãÇÑå æ Ñæå ÏÑÓ</TD>
<TD align="middle" width="177" rowspan="2">äÇã ÏÑÓ</TD>
<TD align="middle" width="80" colspan="2">æÇÍÏ</TD>
<TD align="middle" width="40" rowspan="2">äãÑå</TD>
<TD align="middle" width="50" rowspan="2">äÊíÌå äãÑå</TD>
<TD align="middle" width="76" rowspan="2">æÖÚ äãÑå</TD>
<TD align="middle" width="76" rowspan="2">æÖÚ ÏÑÓ</TD>
<TD align="middle" width="76" rowspan="2">äæÚ ÏÑÓ</TD>
<TD align="middle" width="60" rowspan="2">äæÚ ËÈÊ äÇã</TD>
</TR>
<TR class="title" style="HEIGHT: 12pt" valign="bottom">
<TD align="middle" >˜á</TD>
<TD align="middle" >Úãáí</TD>
</TR>
</table>
<TABLE border="1" id="TABLE1" HighlightRow="1" style="BORDER-RIGHT: black 1px solid; CURSOR: hand;TABLE-LAYOUT: fixed; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid;MARGIN-RIGHT: 10px; BORDER-BOTTOM: black 1px solid; BORDER-COLLAPSE: collapse">

<TR class="title2">
<TD width="30">1</TD>
<TD width="22">01</TD>
<TD width="23">01</TD>
<TD width="23">01</TD>
<TD width="23">01</TD>
<TD width="177">dars</TD>
<TD width="38">6</TD>
<TD width="39">7</TD>
<TD width="40">110</TD>
<TD width="50">2888</TD>
<TD width="76">222</TD>
<TD width="76">222</TD>
<TD width="76">000000</TD>
<TD width="60">2222</TD>
</TR>

</TABLE>

</DIV>

[H:Shojaei]

راستي چرا 2 تا تيبل؟
اگر اگر خواستين با يكي باشه اين كدشه:

<DIV id="DIV1" style="OVERFLOW: auto; MARGIN-RIGHT: 10px; HEIGHT: 999px;direction:rtl ">
<TABLE border="1" style=" BORDER-RIGHT: black 1px solid; TABLE-LAYOUT: fixed; BORDER-TOP: black 1px solid; BORDER-LEFT: black 1px solid; CURSOR: default; MARGIN-RIGHT: 10px; BORDER-BOTTOM: black 1px solid; BORDER-COLLAPSE: collapse">
<TR class="title" style="HEIGHT: 12pt" valign="bottom">
<TD align="middle" width="30" rowspan="2">ÑÏíÝ</TD>
<TD align="middle" width="100" rowspan="2" colspan="4">ÔãÇÑå æ Ñæå ÏÑÓ</TD>
<TD align="middle" width="177" rowspan="2">äÇã ÏÑÓ</TD>
<TD align="middle" width="80" colspan="2">æÇÍÏ</TD>
<TD align="middle" width="40" rowspan="2">äãÑå</TD>
<TD align="middle" width="50" rowspan="2">äÊíÌå äãÑå</TD>
<TD align="middle" width="76" rowspan="2">æÖÚ äãÑå</TD>
<TD align="middle" width="76" rowspan="2">æÖÚ ÏÑÓ</TD>
<TD align="middle" width="76" rowspan="2">äæÚ ÏÑÓ</TD>
<TD align="middle" width="60" rowspan="2">äæÚ ËÈÊ äÇã</TD>
</TR>
<TR class="title" style="HEIGHT: 12pt" valign="bottom">
<TD align="middle" >˜á</TD>
<TD align="middle" >Úãáí</TD>
</TR>

<TR class="title2">
<TD width="30" >1</TD>
<TD width="22" rowspan="2">01</TD>
<TD width="23">01</TD>
<TD width="23">01</TD>
<TD width="23">01</TD>
<TD width="177">dars</TD>
<TD width="38">6</TD>
<TD width="39">7</TD>
<TD width="40">110</TD>
<TD width="50">2888</TD>
<TD width="76">222</TD>
<TD width="76">222</TD>
<TD width="76">000000</TD>
<TD width="60">2222</TD>
</TR>

</TABLE>

</DIV>

[بهزاد علی محمدزاده]

چرا توی دوتا جدول قرار دادین ؟ هر جدول خودش می تونه عنوان داشته باشه و یه دونه سطر هست . این باعث میشه به هم ریختگی نداشته باشید .