PDA

View Full Version : سوال: فاصله بین 2 تا td



zari_attari
یک شنبه 29 فروردین 1389, 15:19 عصر
به 2 تا td ,
background-image دادم اما حالا که کنار هم میزارمشون بینشون فاصله است(یعنی بین 2 تا عکس فاصله افتاده) .
border ها رو 0 کردم اما بازم درست نشده دیگه نمیدونم چی کار کنم؟؟؟؟؟؟؟؟؟

Keramatifar
یک شنبه 29 فروردین 1389, 16:37 عصر
دوست عزیز
احتمالا دلیل مشکل شما وجود White Space هایی در کد html است که شما متوجه اونا نمیشید. به احتمال زیاد Table ای که Image ها رو داخلش قرار دادید بین TD هاش White Space داره و شکل کد زیره:



<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<img src="cutapart1.gif" alt="" />
</td>
<td>
<img src="cutapart2.gif" alt="" />
</td>
<td>
<img src="cutapart3.gif" alt="" />
</td>
</tr>

<tr>
<td>
<img src="cutapart4.gif" alt="" />
</td>
<td>
<img src="cutapart5.gif" alt="" />
</td>
<td>
<img src="cutapart6.gif" alt="" />
</td>
</tr>

<tr>
<td>
<img src="cutapart7.gif" alt="" />
</td>
<td>
<img src="cutapart8.gif" alt="" />
</td>
<td>
<img src="cutapart9.gif" alt="" />
</td>
</tr>
</table>برای حل مشکلتون باید White Space ها رو بین TD ها حذف کنید و کد html تون چیزی شبیه به این بشه:



<table border="0" cellspacing="0" cellpadding="0">

<tr>
<td><img src="cutapart1.gif" alt="" /></td>
<td><img src="cutapart2.gif" alt="" /></td>
<td><img src="cutapart3.gif" alt="" /></td>
</tr>

<tr>
<td><img src="cutapart4.gif" alt="" /></td>
<td><img src="cutapart5.gif" alt="" /></td>
<td><img src="cutapart6.gif" alt="" /></td>
</tr>

<tr>
<td><img src="cutapart7.gif" alt="" /></td>
<td><img src="cutapart8.gif" alt="" /></td>
<td><img src="cutapart9.gif" alt="" /></td>
</tr>

</table>

salehbagheri
یک شنبه 29 فروردین 1389, 17:10 عصر
اگر عكس در background باشه، White Space ها معمولاً تأثيري در نمايش اون ندارند! بلكه بايد خصيصه هاي زير رو به جدولتون اضافه كنيد:


cellspacing="0" cellpadding="0"

در بعضي مواقع هم وجود White Space ها براي نمايش تصوير background ضروري ميشه! كه بايد مقدار ;nbsp& رو به td ها اضافه كنيد!

exlord
دوشنبه 30 فروردین 1389, 16:10 عصر
دوست عزیز
احتمالا دلیل مشکل شما وجود White Space هایی در کد html است که شما متوجه اونا نمیشید. به احتمال زیاد Table ای که Image ها رو داخلش قرار دادید بین TD هاش White Space داره و شکل کد زیره:


ببخشید مگه white space تو html نادیده گرفته نمیشه ؟؟؟

<td>




<img src="Images/ajax-loader.gif" />
</td>

<td>
<img src="Images/ajax-loader.gif" />
</td>
این 2 تا کد نتایج کاملا یکسانی میدن ...

salehbagheri
دوشنبه 30 فروردین 1389, 19:45 عصر
ببخشید مگه white space تو html نادیده گرفته نمیشه ؟؟؟

اين مطلب لزوماً صحيح نيست! در تگهاي span و pre و ... ناديده گرفته نميشه!

exlord
سه شنبه 31 فروردین 1389, 08:18 صبح
اين مطلب لزوماً صحيح نيست! در تگهاي span و pre و ... ناديده گرفته نميشه!
pre که به کنار تو انو هر جوری بنویسی همونجوری هم دیده میشه ... ولی خوب اینجا که بحث pre یا span نیست ... بحث td , img هستش که تو td هم whitespace ها ignore میشن ...

Keramatifar
سه شنبه 31 فروردین 1389, 22:08 عصر
ببخشید مگه white space تو html نادیده گرفته نمیشه ؟؟؟

<td>




<img src="Images/ajax-loader.gif" />
</td>
<td>
<img src="Images/ajax-loader.gif" />
</td>این 2 تا کد نتایج کاملا یکسانی میدن ...
بله دوست من
اگر از حالت اولی که مثال زدم استفاده بشه یک White Space بوجود میاد، شما میتونی این قضیه رو توی پیاده سازی تکنیک CutApart بوضوح مشاهده کنی ...