image link no border

Hi,
I am trying to place two images . Both are links .
I have removed the border with BORDER="0" attribute but the images have a little line at the end . How do I remove this ?
Thanks
regards
jeet

 

try placing border=0 in the <img> and <A> tags, not sure which one it is.

Also, make sure that there are no spaces betweem your <img> and <A> tages

Good luck

 

Hi,
Thanks for help .
I added a STYLE="TEXT-DECORATION: NONE" to the A tag and it works .
Thanks
regards
jeet

 

I was just going to ask what your CSS looked like. glad you found it...

 

Really??? I just tried the same and it didn't work in IE or FF. Normally what you would do is set the image's border-style property to none.

 

You are right . The Border in image is already set to "0" .Like :
<a href="" style="text-decoration: none"> <img src="" border="0"> </a>

Regards
jeet

 

Or it could also be:

<a href=""><img src=""  style="border:0"></a>

Code (markup):

 

I suspect that the line was caused by your code having a space before the closing </a> tag, e.g.

<a href="whatever"><img src="whatever" border="0"> </a>

HTML:

instead of:

<a href="whatever"><img src="whatever" border="0"></a>

HTML:

You also shouldn't mix HTML attributes and CSS, so the correct way to do it is:

<a href="whatever"><img src="whatever" style="border: 0px;"></a>

HTML:

You shouldn't need the 'text-decoration: none;' at all.