CSS question regarding line spacing

AmateurFlix · July 29th, 2010, 11:23 PM

Can anyone tell me why the first 4 links in this code have a different line spacing than the last 4?

Code:

<html> 
<head> 
<style type="text/css">
.paysites a {text-decoration: none; font: 12px Arial, Verdana; color: #0000FF;}
.paysites a:hover {text-decoration: underline; color: #FF0000;}
</style>
</head> 
<body>
<TABLE class=paysites BORDER=0 CELLPADDING=0 CELLSPACING=0 WIDTH="100%" ALIGN="CENTER">
<TR>
<TD>

<IMG SRC="" HEIGHT=10 WIDTH=10 BORDER=0 ALT="">&nbsp;<a href="http://domain.com" target="_blank">anchor text</a><BR>
<IMG SRC="" HEIGHT=10 WIDTH=10 BORDER=0 ALT="">&nbsp;<a href="http://domain.com" target="_blank">anchor text</a><BR>
<IMG SRC="" HEIGHT=10 WIDTH=10 BORDER=0 ALT="">&nbsp;<a href="http://domain.com" target="_blank">anchor text</a><BR>
<IMG SRC="" HEIGHT=10 WIDTH=10 BORDER=0 ALT="">&nbsp;<a href="http://domain.com" target="_blank">anchor text</a><BR>
<a href="http://domain.com" target="_blank">anchor text</a><BR>
<a href="http://domain.com" target="_blank">anchor text</a><BR>
<a href="http://domain.com" target="_blank">anchor text</a><BR>
<a href="http://domain.com" target="_blank">anchor text</a><BR>

</TD>
</TR>
</TABLE>
</body>
</html>

When I put an <img> tag on a line, it generates extra space between the lines, even though the img is only 10px high and the font is 12px. It doesn't matter if I reduce the img to 1 pixel high, it still does this. I tried specifying line-height, however that was ignored for lines containing img's.

CraK · July 30th, 2010, 12:32 AM

Because of the non-breaking space after the image.

AmateurFlix · July 30th, 2010, 08:15 AM

thanks CraK, if I just include some blank space within the image, that should achieve the look I want.

CraK · July 30th, 2010, 11:11 AM

You can just use CSS to do that once the non-breaking space is taken out.

img {margin: 0 5px 0 0;}

July 30th, 2010, 12:32 AM	#2 (permalink)
CraK from accounting Join Date: Oct 2005 Location: California Posts: 16,507	Because of the non-breaking space after the image. __________________ Hosting for ADX provided by Swiftwill

July 30th, 2010, 08:15 AM	#3 (permalink)
AmateurFlix Who does #2 work for? Join Date: Oct 2005 Posts: 13,986	thanks CraK, if I just include some blank space within the image, that should achieve the look I want. __________________ Traffic Trades - TGP & Toplist, Thumb & Text \| Porn Reviews \| Deutscher Porno Report

July 30th, 2010, 11:11 AM	#4 (permalink)
CraK from accounting Join Date: Oct 2005 Location: California Posts: 16,507	You can just use CSS to do that once the non-breaking space is taken out. img {margin: 0 5px 0 0;} __________________ Hosting for ADX provided by Swiftwill