CSS question regarding line spacing
Can anyone tell me why the first 4 links in this code have a different line spacing than the last 4?
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.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=""> <a href="http://domain.com" target="_blank">anchor text</a><BR> <IMG SRC="" HEIGHT=10 WIDTH=10 BORDER=0 ALT=""> <a href="http://domain.com" target="_blank">anchor text</a><BR> <IMG SRC="" HEIGHT=10 WIDTH=10 BORDER=0 ALT=""> <a href="http://domain.com" target="_blank">anchor text</a><BR> <IMG SRC="" HEIGHT=10 WIDTH=10 BORDER=0 ALT=""> <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>
Reply With Quote
