I would like to know the answer too. Anyone here know what is the answer. I'll do some poking around and get back to you if I bump into an decent answer. You should email the people at iPage as they probably could give you an answer..
The line at the bottom of the table is the background colour you have assigned to the table. Because your images are blue curve with transparent empty area the background colour shows through. You can either:.
1) Make the corner image's background white (blue curve on white background).
2) Don't make the table background blue, make the cells that you want to be blue, blue, but leave the corner ones clear..
The first option is the easiest but if you ever change the page's background colour you will have to change the background colour of the corner gifs as well..
I saw something else as well. You have a <div align="center"> followed by a <center> and even an invalid tag <align="center">. You could do with tidying up the all those center tags. I never use the <center> tag. There are always better ways. The <div align="center"> is the best, and most future proof method..
Looking good though...
Ok, your code is exactly fine. The problem is how browsers read it. You know what white space is?.
Extra " " spaces.
Put in between pieces of code to make it look nice and pretty, so us Humans can find/debug it that much quicker..
Computer are SUPPOSED to ignore white space. You can, theoretically, put in a million " " spaces and the browser (IE, NS, etc) will give but but one. For the most part they do a good job. But you have found one of the rare-er instances where your white spacing matters. In the first table, you have code that looks like this:.
In your hand-coded table you have code that looks like this:.
Those extra 14 spaces and 1 return are reduced to simply 1 " " space. But that's enough to mess up your code in the first table..
You will need to make sure your program puts </TD>.
On the same physical line.
You typed <IMG stuff> on..
Voila! Problem Solved..
Nota Ben, I deleted the extra code above because it gets in the way of my point. Make sure you keep it all. All your aligns are just dandy the way they are.
(width="25" height="25" valign="top" align="left".
Ack! In the time it took me to type this and make sure it was all aligned, three others replied.
When you think about it, that's the only difference between the two tables, so, sorry to invalidate all other discussion, but I'm right, and they're not...
To further illustrate my point, look at the HTML file without pictures. You'll notice your problem is actually two-fold. There's space below the.
You left out the "spacer" picture on the second table; it doesn't matter whether it was there or not..
In all cases, deleting the extra "white space" will remove your problem...
Thank you postitlord - I bow to your brilliance..
I had used that space.gif to force those other two graphics to the top & bottom (which I didn't bother w/ in the 2nd table). but I did remove all those extra spaces like you said & it worked like a charm!.
Thanks again postitlord - I am humble to the knowledge of the HTML forum gurus..