shank said:
http://66.98.197.102/test.htm
Please look at the above. You should be able to see the shape I'm trying to
create.
In IE 6.0, there's a small line at the top right of the corner.
In NS 7.1, there's a small line across the whole top of the tab.
How do I get rid of those small lines?
You've set the background colour of the table to red.
The images are 15 pixels high.
The text is taller than that (zooming the text down to 90% in Mozilla
makes the lines vanish).
So some of the background colour shows up above the image.
Setting valign="top" or vertical-align: top; for those cells might fix
it, but I'd prefer something more like this (styles that have no
effect also removed):
<table style="border-collapse:collapse; background-color:#F00; border:
none;"><tr>
<td style="width:15px; background-image: url(tleftFF0.gif);
background-repeat: no-repeat; background-position: top left;"></td>
<td style="width:200px; text-align:center; font-size:80%;
font-weight:bold; color:#FFFFFF;">HAPPY VALENTINES DAY!</td>
<td style="width:15px; background-image: url(trightFF.gif);
background-repeat: no-repeat; background-position: top right;"></td>
</tr></table>
Although I'd probably not use a table at all for this.
BTW, alt="""" ????
Steve