طراحی 1 جدول با html و تگ <table>

[IMG] [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] [/IMG]
سلام دوستان.از دوستانی که در htmlوارد هستند میخوام منو کمک کنن.راستش من باید چیزی شبیه عکس بالا طراحی کنم من دیگر قسمت های جدول که راحتتر بور رو طراحی کردم و این قسمت بالاترین قسمت و سخت ترینش هست.
قسمت های 1و2و3 باید به صورت افقی کنار هم باشن.
از دوستان خواهش دارم اگه میتونن اینو طراحی (یا شبیه به این) برام طراحی کنن تا کد هاشون رو بخونم و یا بهم یاد بدن.
اگه امکان داره از این تگ ها (table.td.tr) استفاده کنن و از تگ های دیگه یا استفاده نکنن و یا یا خیلی کم استفاده کنن.منتظر کمک های شما هستم.

الان روی شکل راست، اون مربعی که روش نوشته 3، باید به اون چهار تا گوشه ای ها متصل باشه؟

نقل قول:

نوشته شده توسط Sh-Meteor [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

الان روی شکل راست، اون مربعی که روش نوشته 3، باید به اون چهار تا گوشه ای ها متصل باشه؟

فکر میکنم بایدجدا باشه.اگه متصل هم باشه اشکالی نداره فقط به من کمک کنید بتونم اینو پیاده کنم.مرسی دوست عزیز.

نقل قول:

نوشته شده توسط 147milad [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

فکر میکنم بایدجدا باشه.اگه متصل هم باشه اشکالی نداره فقط به من کمک کنید بتونم اینو پیاده کنم.مرسی دوست عزیز.

دارم تلاشمو می کنم.
فقط اون جایی که نوشتی 2، ( مثل نردبونه ) شش ردیف شد، اشکالی داره؟

این خوبه؟

اول عکسش

[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

دوم کدش

کد:

<html> <body> <table cellspacing="0" border="2" align="center"> <tr align="center"> <td colspan="11">Cell 1</td> </tr> <tr align="center"> <td colspan="4" rowspan="6" width="160">Cell 2</td> <td width="50">Cell 3-1</td> <td colspan="2" rowspan="2" width="80">Cell 4-1</td> <td colspan="2" rowspan="2" width="80">Cell 5-1</td> <td colspan="2" rowspan="2" width="80">Cell 6-1</td> </tr> <tr align="center"> <td width="50">Cell 3-2</td> </tr> <tr align="center"> <td width="50">Cell 3-3</td> <td colspan="2" rowspan="2" width="80">Cell 4-2</td> <td colspan="2" rowspan="2" width="80">Cell 5-2</td> <td colspan="2" rowspan="2" width="80">Cell 6-2</td> </tr> <tr align="center"> <td width="50">Cell 3-4</td> </tr> <tr align="center"> <td width="50">Cell 3-5</td> <td colspan="2" rowspan="2" width="80">Cell 4-3</td> <td colspan="2" rowspan="2" width="80">Cell 5-3</td> <td colspan="2" rowspan="2" width="80">Cell 6-3</td> </tr> <tr align="center"> <td width="50">Cell 3-6</td> </tr> </table> </body> </html>

نقل قول:

نوشته شده توسط Sh-Meteor [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

این خوبه؟

اول عکسش

[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

دوم کدش

کد:

<html> <body> <table cellspacing="0" border="2" align="center"> <tr align="center"> <td colspan="11">Cell 1</td> </tr> <tr align="center"> <td colspan="4" rowspan="6" width="160">Cell 2</td> <td width="50">Cell 3-1</td> <td colspan="2" rowspan="2" width="80">Cell 4-1</td> <td colspan="2" rowspan="2" width="80">Cell 5-1</td> <td colspan="2" rowspan="2" width="80">Cell 6-1</td> </tr> <tr align="center"> <td width="50">Cell 3-2</td> </tr> <tr align="center"> <td width="50">Cell 3-3</td> <td colspan="2" rowspan="2" width="80">Cell 4-2</td> <td colspan="2" rowspan="2" width="80">Cell 5-2</td> <td colspan="2" rowspan="2" width="80">Cell 6-2</td> </tr> <tr align="center"> <td width="50">Cell 3-4</td> </tr> <tr align="center"> <td width="50">Cell 3-5</td> <td colspan="2" rowspan="2" width="80">Cell 4-3</td> <td colspan="2" rowspan="2" width="80">Cell 5-3</td> <td colspan="2" rowspan="2" width="80">Cell 6-3</td> </tr> <tr align="center"> <td width="50">Cell 3-6</td> </tr> </table> </body> </html>

ممنون داداش.