سئوال . طراحی دو جدول کنار هم Side by side table

سلام دوستان ..

من میخوام توی صفحه وب دوتا table کنار هم به صورت side by side توی وسط صفحه center ایجاد کنم ..


میشه لطف کنید راهنمایی کنید .. از حالت float استفاده کردم و جدولها رو کنار هم قرار دادم ،، اما یا جدولها رو سمت چپ میندازه یا راست صفحه ..


ممنون میشم کمکم کنید ..




یاعلی ..

مثل فوق عمل کنید

سلام .. میشه بگین چطوری این کار رو کردین ؟؟

کد رو واسه من ارسال کنید .. center بودن جدولها نسبت به کل صفحه خیلی حیاطیه ..

ممنونم ..


یاعلی ..

کد HTML:

---

<style type="text/css">
table.cms_table_grid, table.wysiwyg_cms_table_grid {
    border-collapse: collapse;
    margin-bottom: 0;
    direction: rtl;
}
td.cms_table_grid_td, td.wysiwyg_cms_table_grid_td {
    border: 3px solid #999999;
    height: 20px;
}
div.cms_table {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 1px;
}
</style>
<table width="500" class="cms_table_grid"><tbody><tr valign="top" class="cms_table_grid_tr"><td class="cms_table_grid_td"><div class="cms_table"><table width="200" align="center" class="cms_table_grid"><tbody><tr valign="top" class="cms_table_grid_tr"><td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
</tr>
<tr valign="top" class="cms_table_grid_tr"><td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
</tr>
<tr valign="top" class="cms_table_grid_tr"><td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
</tr>
</tbody></table></div>
<br></td>
<td class="cms_table_grid_td"><div class="cms_table"><table width="300" align="center" class="cms_table_grid"><tbody><tr valign="top" class="cms_table_grid_tr"><td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
</tr>
<tr valign="top" class="cms_table_grid_tr"><td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
</tr>
<tr valign="top" class="cms_table_grid_tr"><td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
</tr>
<tr valign="top" class="cms_table_grid_tr"><td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
</tr>
<tr valign="top" class="cms_table_grid_tr"><td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
</tr>
<tr valign="top" class="cms_table_grid_tr"><td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
<td class="cms_table_grid_td"></td>
</tr>
</tbody></table></div></td>
</tr>
</tbody></table>

---

سلام .. مرسی دوست عزیز واقعاً لطف کردی ..