ساخت جدول با div

salim_a · Dec 14, 2012

دوستان من جدول دارم که 580px و داخلش یه جدول دیگه دارم با 280px

باز داخل این جدول 280px دو ستون دارم یکی 80 و یکی دیگه 190

این جدول رو تونستم با table بسازم

کد:

 <table width="580px"  align="right" cellpadding="0" cellspacing="0" border="1">
        <td>
        
         <table width="290px" align="right" cellpadding="0" cellspacing="0" border="1">
         <tr>
         <td  align="right" valign="top" width="80px">سسس</td>
         <td  align="right" valign="top" width="200px">شش </td>
         <td  align="right" valign="top" width="10px"></td>
         </tr>
         </table>

من اینحا می خوام توی باشه که خروحی من دو ستونه باشه .

////// table که ساختم همین یه ستونست .
جدول رو با div ساختم

کد:

<style type="text/css">
.tbfull{width:602px; border:#666};
.tbmini{width:290px; background-color:#999;}
.c1{width:70px; background:#963}
.c2{width:130px; background-color:#669}
</style>


<div class="tvfull">
<div class="tbmini" style="float:right;" >
 <div class="c1">aaaa</div> 
 <div class="c2">aaa</div> 
</div></div>

جدولی رو که با div ساختم دو ستونست جرا که این کد رو اضافه شده

کد:

 style="float:right;

اما این کد رو تی بیل بالا جی طور استفاده کنم کجا بذارم رو نمی دونم .

و در خصوص جدول با div من می خوام جدول c1 c2 هر کدوم به ستون باشه که مقابل هم باشه اما خروجی طوری هست که یه خط بالاتر قرار میگیره یکی از این دو جدول

لطفا راهنمای کنید

Omid.P · Dec 14, 2012

شما دقیقا بگو چی میخای ، مثلا یه ستون که توش دوتا ستون باشه و تو هر کدوم هم سه تا ، اینجوری بگو تا برات درست کنم ، اینطوری که گفتی نفهمیدم چی شد

kassit · Jan 21, 2013

صورت مسئله اصلا واضح نیست دوست من

echessdesign · Feb 4, 2013

درود
دوست عزیز، جداول کاربرد خود را دارند، div جدا، چرا می خواهید از CSS استفاده نا صحیح کنید؟

parvaz_hj · Mar 9, 2013

سلام. دوستان میشه یکی از شماها که تو این مساله واردید جدول با کد اچ تی ام ال زیر را برای من به کد div تبدیل کنید؟؟
و اینکه به نظر مشا به دریم ویور و قسمتی که خودکار این مساله رو انجام میده میشه اطمینان کرد؟ اخه برای بعضی کدهای من خوب جواب میده، برای بعضی نه...یعنی برای من تبدیل میکنه اما زیر این جدولی که میخوام با div باشه یک بک گراندی هست که اتفاقا اون هم با div هست...اما یا بک گراندو نمیاره...یا این جدول رو نمیاره...من میخوام این جدول ساخته شده با کد div روی یک کد div دیگه که دارای یک بک گرانده بیاد.....
منتظر پاسختون هستم...

من کدم را وارد کردم...اگه میشه خودتون برای بک گراند با div یه چیزی به صورت پیشفرض بدید...لطفا حتما کمکم کنید...ممنونم...
[HTMLS]<table dir="ltr"width="575" border="0"> <tr>
<td height="16" colspan="3"></td>
<td width="68"height="16"></td>
<td height="16" colspan="3"></td>
<td width="68"height="16"></td>
<td height="16" colspan="3"></td>
<td width="68"height="16"></td>
<td height="16" colspan="3"></td>
<td width="68"height="16"></td>
<td height="16" colspan="3"></td>
<td width="68"height="16"></td>
<td height="16" colspan="2"></td>
</tr>
<tr>
<td width="21" height="64"> </td>
<td> </td>
<td width="12"> </td>
<td valign="top"><a href="http://forum.majidonline.com" target="_blank"><img src="http://www.6sms.ir/adver/adversms1.jpg" width="64" height="64"></a></td>
<td colspan="2"> </td>
<td width="12"> </td>
<td valign="top"><a href="http://forum.majidonline.com" target="_blank"><img src="http://www.6sms.ir/adver/adversms1.jpg" width="64" height="64"></a></td>
<td colspan="2"> </td>
<td width="12"> </td>
<td valign="top" ><a href="http://forum.majidonline.com" target="_blank"><img src="http://www.6sms.ir/adver/adversms1.jpg" width="64" height="64"></a></td>
<td colspan="2"> </td>
<td width="11"> </td>
<td valign="top"><a href="http://forum.majidonline.com" target="_blank"><img src="http://www.6sms.ir/adver/adversms1.jpg" width="64" height="64"></a></td>
<td colspan="2"> </td>
<td width="9"> </td>
<td valign="top"><a href="http://forum.majidonline.com" target="_blank"><img src="http://www.6sms.ir/adver/adversms1.jpg" width="64" height="64"></a></td>
<td colspan="2"> </td>
</tr>
<tr>
<td height="26"> </td>
<td width="13" height="26"> </td>
<td valign="top" colspan="3"><div style=" float:right; width:82px; text-align: right; text-decoration: none" ><a href="http://forum.majidonline.com" target="_blank" style=" font-family:tahoma;font-size:9px; text-decoration: none"><span style="color: #333333; text-decoration: none">

ارسال پیام خودکار
..
</span></a></div></td>
<td width="5"> </td>
<td valign="top" colspan="3"><div style=" float:right; width:82px; text-align: right; text-decoration: none" ><a href="http://forum.majidonline.com" target="_blank" style=" font-family:tahoma;font-size:9px; text-decoration: none"><span style="color: #333333; text-decoration: none">

ارسال پیام خودکار
...
</span></a></div></td>
<td width="8"> </td>
<td valign="top" colspan="3"><div style=" float:right; width:82px; text-align: right; text-decoration: none" ><a href="http://forum.majidonline.com" target="_blank" style=" font-family:tahoma;font-size:9px; text-decoration: none"><span style="color: #333333; text-decoration: none">

ارسال پیام خودکار
...
</span></a></div></td>
<td width="7"> </td>
<td valign="top" colspan="3"><div style=" float:right; width:82px; text-align: right; text-decoration: none" ><a href="http://forum.majidonline.com" target="_blank" style=" font-family:tahoma;font-size:9px; text-decoration: none"><span style="color: #333333; text-decoration: none">

ارسال پیام خودکار
...
</span></a></div></td>
<td width="6"> </td>
<td valign="top" colspan="3"><div style="float:right; width:80px; text-align: right; text-decoration: none" ><a href="http://forum.majidonline.com" target="_blank" style=" font-family:tahoma;font-size:9px; text-decoration: none"><span style="color: #333333; text-decoration: none">

ارسال پیام خودکار
...
</span></a></div></td>
<td width="25"> </td>
</tr>
<tr>
<td height="10" colspan="3"></td>
<td width="68"height="10"></td>
<td height="10" colspan="3"></td>
<td width="68"height="10"></td>
<td height="10" colspan="3"></td>
<td width="68"height="10"></td>
<td height="10" colspan="3"></td>
<td width="68"height="10"></td>
<td height="10" colspan="3"></td>
<td width="68"height="10"></td>
<td height="10" colspan="2"></td>
</tr>
</table>

[/HTMLS]