Web Design Forums

dulcificum · 03-06-2008, 15:13

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!

datahound · 03-06-2008, 15:37

humph..

emil · 03-06-2008, 15:44

That's not a border, that's a space.
This fixes it

img {border: none !important; vertical-align:text-bottom;}

pgo · 03-06-2008, 15:56

Also shouldn't need the "!important".

And if you're going to use a Strict DOCTYPE (much less XHTML!) then you could at least make an effort to conform to it.

dulcificum · 03-06-2008, 16:03

pgo - I know, it's someone else's code, I'm going to fix it once I've sorted this out...

emil - thanks, that's beautiful. But there's still a 1px white line now...

And while I'm here I don't suppose anyone knows how to use WinSCP to delete files owned by "web" not "me" and without group write permissions?

karmedic · 03-06-2008, 21:20

I had to put a line-height: 0 on your TRs to make the white space disappear in FF2/Firebug.

hth

03-06-2008, 15:37	#2 (permalink)
datahound Spare Parts Join Date: Jan 2005 Location: Bracknell Forest Posts: 6,279	humph.. __________________ poochmedia \| Computer Spare Parts \| Computer & Telephone Disposals Last edited by datahound : 03-06-2008 at 16:47.

03-06-2008, 15:44	#3 (permalink)
emil dt immigrant Join Date: Nov 2004 Location: Bucharest. Romania Superpower: Invisible zapper Posts: 8,714	That's not a border, that's a space. This fixes it img {border: none !important; vertical-align:text-bottom;} __________________ M A Q I N A

03-06-2008, 16:03	#5 (permalink)
dulcificum Registered User Join Date: Jun 2008 Posts: 2	pgo - I know, it's someone else's code, I'm going to fix it once I've sorted this out... emil - thanks, that's beautiful. But there's still a 1px white line now... And while I'm here I don't suppose anyone knows how to use WinSCP to delete files owned by "web" not "me" and without group write permissions? Last edited by dulcificum : 03-06-2008 at 16:32.

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

03-06-2008, 15:56	#4 (permalink)
pgo Senior Member Join Date: Jan 2005 Posts: 12,339	Also shouldn't need the "!important". And if you're going to use a Strict DOCTYPE (much less XHTML!) then you could at least make an effort to conform to it.

03-06-2008, 21:20	#6 (permalink)
karmedic id Join Date: May 2008 Location: Ottawa Posts: 224	I had to put a line-height: 0 on your TRs to make the white space disappear in FF2/Firebug. hth

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)