আমার লক্ষ্য হ'ল এইচটিএমএল পৃষ্ঠা তৈরি করা যা কোনও "ফটো ফ্রেমের" অনুরূপ। অন্য কথায়, আমি একটি ফাঁকা পৃষ্ঠা তৈরি করতে চাই যা চারটি ছবি ঘিরে রয়েছে।
এটি আমার কোড:
<table>
<tr>
<td class="bTop" colspan="3">
</td>
</tr>
<tr>
<td class="bLeft">
</td>
<td class="middle">
</td>
<td class="bRight">
</td>
</tr>
<tr>
<td class="bBottom" colspan="3">
</td>
</tr>
</table>
এবং সিএসএসের ক্লাসগুলি নিম্নলিখিত:
.bTop
{
width: 960px;
height: 111px;
background-image: url('../Images/BackTop.jpg');
}
.bLeft
{
width: 212px;
height: 280px;
background-image: url('../Images/BackLeft.jpg');
}
.middle
{
width: 536px;
height: 280px;
}
.bRight
{
width: 212px;
height: 280px;
background-image: url('../Images/BackRight.jpg');
}
.bBottom
{
width: 960px;
height: 111px;
background-image: url('../Images/BackBottom.jpg');
}
আমার সমস্যাটি হ'ল আমি টেবিলের কোষগুলির মধ্যে পাতলা সাদা লাইন পাচ্ছি, আমি বোঝাতে চাই যে ছবিগুলির সীমানা অবিচ্ছিন্ন নয়। আমি কীভাবে এই সাদা স্থানগুলি এড়াতে পারি?