-
March 9th, 2013, 11:11
#1
سئوال . طراحی دو جدول کنار هم Side by side table
سلام دوستان ..
من میخوام توی صفحه وب دوتا table کنار هم به صورت side by side توی وسط صفحه center ایجاد کنم ..
میشه لطف کنید راهنمایی کنید .. از حالت float استفاده کردم و جدولها رو کنار هم قرار دادم ،، اما یا جدولها رو سمت چپ میندازه یا راست صفحه ..
ممنون میشم کمکم کنید ..
یاعلی ..
-
-
March 9th, 2013 11:11
# ADS
-
March 9th, 2013, 11:56
#2
عضو دائم
پاسخ : سئوال . طراحی دو جدول کنار هم Side by side table
-
-
March 9th, 2013, 12:34
#3
پاسخ : سئوال . طراحی دو جدول کنار هم Side by side table
سلام .. میشه بگین چطوری این کار رو کردین ؟؟
کد رو واسه من ارسال کنید .. center بودن جدولها نسبت به کل صفحه خیلی حیاطیه ..
ممنونم ..
یاعلی ..
-
-
March 9th, 2013, 12:37
#4
عضو انجمن
پاسخ : سئوال . طراحی دو جدول کنار هم Side by side table
کد 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>
ویرایش توسط ipsat : March 9th, 2013 در ساعت 13:05
دلیل: تصحیح کد
-
تعداد تشکر ها از ipsat به دلیل پست مفید
-
March 9th, 2013, 16:20
#5
پاسخ : سئوال . طراحی دو جدول کنار هم Side by side table
سلام .. مرسی دوست عزیز واقعاً لطف کردی ..
-