PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : تبدیل table به tableless در HTML



UserWht
November 20th, 2012, 17:21
سلام

من میخواستم کد زیر رو بصورت Tablelessیا بدون جدول با استفاده از تگ <div> بنویسم . دوستان میتونن بصورت div و بدون جدول کد رو قرار بدن ؟

من هرچی با css و تگ <div> می نویسم جدول ها ستونی میشن !


<table border="2" width="100%" height="100%">
<tr>
<td>1</td>
<td colspan="2">2,3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
</table>

alborzhost
November 20th, 2012, 18:13
<style>
body{
margin:0px;
}
div#main-body{
width:980px;
margin:0 auto;
}
div.section{
width:326px;
min-height:100px;
float:right;
}
div.clear{
clear:both;
}

</style>


<div id="main-body">

<div class="section" style="width:652px;background-color:#C90">12</div>
<div class="section" style="background-color:#F60">3</div>
<div class="clear"></div>

<div class="section">4</div>
<div class="section">5</div>
<div class="section">6</div>

</div>

ms313
November 26th, 2012, 22:43
ممنون از البرز هاست
'...........................................
float تو سی اس اس باعث میشه دیو های بی افتن کنار هم.