Let me start off by saying I'm fully aware of the need to remove the border from the image AND the link and that I've read everything I can find to try and sort this out.
Here's my code:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[strict]">
<HTML xml:lang="en" xmlns="[xmlns]">
<head>
</head>
<body>
<div>
<TABLE border="0" cellspacing="0" cellpadding="0">
<TR valign="top">
<TD align="center">
<a href="./images/2294154895_058cee4e19_o.jpg" onClick="bolGalleryPopup(this.href, 640, 480, '2294154895 058cee4e19 o'); return(false);" target="_blank">
<img class="nou" src="./images/bolGallery/thumbnail_2294154895_058cee4e19_o.jpg" title="2294154895 058cee4e19 o" />
</a>
</TD>
...
</tr>
</table>
</div>
</body>
</html>
I've tried everything to get the 3px bottom border to go away but it won't work.
Code:
* {border:none; margin:0; padding:0; text-decoration: none;}
a img {border: none !important;}
a {border: none !important;}
img {border: none !important;}
a.nou {border: none !important;}
.nou {border: none !important;}
None of the above examples work. Here's the page I'm testing on: miracleuk[dot]info/gallery/thanks.php
I'd really appreciate any help!