Image Link One
And here's the same code pasted into an html widget in Wordpress/ComicPress/ComicEasel -
Image Link Two
Something in Wordpress/ComicPress/ComicEasel is adding a space at the bottom of my images. I've set the background color of the table to red so the extra space sticks out. The red bars shouldn't be there.
Here's my code -
QUOTE
<html>
<head>
<style>
img {
border:0px;
border-collapse: collapse;
border-bottom: 0px;
}
table {
border-collapse: collapse;
}
td { border-bottom: 0px;
border-collapse: collapse; }
</style>
</head>
<body>
<table
cellspacing="0" cellpadding="0" border="0" bordercolor = red>
<tr>
<td bgcolor="red" >
<img src="//www.html.am/images/image-codes/milford_sound_t.jpg" width="225" height="151" alt="Photo of Milford Sound in New Zealand" />
</td>
</tr>
<tr>
<td bgcolor="red" >
<img src="//www.html.am/images/image-codes/milford_sound_t.jpg" width="225" height="151" alt="Photo of Milford Sound in New Zealand" />
</td>
</tr>
</table>
</body>
</html>
<head>
<style>
img {
border:0px;
border-collapse: collapse;
border-bottom: 0px;
}
table {
border-collapse: collapse;
}
td { border-bottom: 0px;
border-collapse: collapse; }
</style>
</head>
<body>
<table
cellspacing="0" cellpadding="0" border="0" bordercolor = red>
<tr>
<td bgcolor="red" >
<img src="//www.html.am/images/image-codes/milford_sound_t.jpg" width="225" height="151" alt="Photo of Milford Sound in New Zealand" />
</td>
</tr>
<tr>
<td bgcolor="red" >
<img src="//www.html.am/images/image-codes/milford_sound_t.jpg" width="225" height="151" alt="Photo of Milford Sound in New Zealand" />
</td>
</tr>
</table>
</body>
</html>
Any ideas? I wanted to break up a long sidebar image into 4 pieces, but if I can't figure this out I'll redo the art and make it four separate images.