مشکل این table کسی میتونه حل کنه؟

[nimja145]

سلام
من یک table درست کردم. با این کد:


<table>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>


برای هر td یک بک گراند گذاشتم.
ولی وقتی اجرا میکنم بین td ها (یا خط های داخلی جدول) خط های سفیدی نمایش میده که باعث میشه این قسمت ها از هم جدا به نظر بیاد.
برای حل این مشکل باید چه کار کنم؟

[ahmadbadpey]

در تگ table از صفت cellspacing استفاده کنید و اون رو برابر 0 قرار بدین . به این شکل :

<table cellspacing='0'>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>

[nimja145]

یک سوال دیگه:
اگه بخواهیم که متن نوشته شده درون td از بالاترین بخش (یعنی وسط نباشه) نوشته بشه باید چیکار کرد؟
چون متنی که مینویسم از نظر عمودی در وسط td قرار میگیره

[ahmadbadpey]

برای این کار باید از صفت valign برای اون سلول استفاده کنید و اون رو برابر top قرار بدین . به این شکل :

<td valign='top'></td>

[nimja145]

ممنون
این 2 صفتی که گفتید در css هم میشه تعیین کرد؟یعنی معادلی در css داره؟

[nimja145]

یک سوال دیگه برام پیش اومده:
این کد رو ببینید:


<table style="width:200px; height:80px; ">
<tr>
<td valign=top style="overflow:scroll;">
<div>title</div>
<div>title</div>
<div>title</div>
<div>title</div>
<div>title</div>
<div>title</div>
<div>title</div>
<div>title</div>
<div>title</div>
<div>title</div>
</td>
</tr>
</table>


چون تعداد div ها زیاد هست باعث میشه ارتفاع table هم زیاد بشه. حتی overflow رو هم روی scrol میذارم ولی فقط scrol اضافه میشه و ارتفاع باز هم تغییر میکنه
چه کار باید انجام بدم؟

[exlord]

<table style="width: 200px;">
<tr>
<td valign="top" >
<div style="overflow: auto; width: 100px; height: 50px;">
<div>
title</div>
<div>
title</div>
<div>
title</div>
<div>
title</div>
<div>
title</div>
<div>
title</div>
<div>
title</div>
<div>
title</div>
<div>
title</div>
<div>
title</div>
</div>
</td>
</tr>
</table>