Hilangkan Vertical line antara imej di website

Projek terkini saya dalam mengemaskini susunatur website sekolah adalah untuk mewujudkan satu panel akhbar online. Panel tersebut akan memaparkan imej-imej kecil akhbar dan pengunjung boleh klik pada imej tersebut untuk pergi ke pautan yang ditetapkan. Mencari kelainan, saya gunakan photoshop untuk menyusun imej-imej akhbar tersebut agak senget seperti di bawah.

Selepas itu, imej akhbar tersebut saya crop kepada imej berasingan bagi setiap akhbar.
Apabila saya uploadkan imej tersebut dalam website sekolah, saya letakkan kodingnya seperti berikut.


<a href='http://www.utusan.com.my/' target='_blank'><img src='...utusan.gif' /></a>
<a href='http://www.bharian.com.my/' target='_blank'><img src='...bharian.gif' /></a>
<a href='http://www.hmetro.com.my/' target='_blank'><img src='...metro.gif' /></a>
<a href='http://www.kosmo.com.my/' target='_blank'><img src='...kosmo.gif' /></a>
<a href='http://www.nst.com.my/' target='_blank'><img src='...nst.gif' /></a>
<a href='http://www.thestar.com.my/' target='_blank'><img src='...star.gif' /></a>

Namun, hasilnya saya dapati ada gap berwarna putih di antara imej tersebut.
Saya cuba tukarkan koding kepada bentuk table seperti berikut dan saya setkan border sebagai ='0'.

<table border='0' >
<tr><td><a href='http://www.utusan.com.my/' target='_blank'><img src='...utusan.gif' /></a> </td>
<td><a href='http://www.bharian.com.my/' target='_blank'><img src='...bharian.gif' /></a> </td>
<td><a href='http://www.hmetro.com.my/' target='_blank'><img src='...metro.gif' /></a></td>
<td><a href='http://www.kosmo.com.my/' target='_blank'><img src='...kosmo.gif' /></a> </td>
<td><a href='http://www.nst.com.my/' target='_blank'><img src='...nst.gif' /></a> </td>
<td><a href='http://www.thestar.com.my/' target='_blank'><img src='...star.gif' /></a> </td>
</tr>></table>

Hasilnya, tetap sama seperti sebelumnya.

Akhirnya, setelah meng'google' berjam-jam, saya dapat caranya bagaimana iaitu dengan letakkan koding seperti ini..

<table frame='Void' Cellpadding='0' border='0' RULES='none' cellspacing='0'>


Hasilnya...
Tiada lagi line atau gap di antara imej tersebut.

Alhamdulillah..

0 comments :

Catat Ulasan

Pengikut