Hi Martha;
With the top text, I'd use a br tag to push "Marths's Gourds" to the next line. Keep "Marths's Gourds" the same size, and make "Gourds. Dried, cleaned and ready to craft gourds from" to one size smaller. I'd also change the font to Verdana or Arial.
With the lines between the cells showing, it will probably be a little experimenting to see what's causing it.
The first thing I noticed is;
1) Your table width is 930, but the three cells are 125, 637 and 153 - which add up to 915. Try making the table 915 - or ading 15 pixels to one of the cells.
also...
2) Try changing this
[table width="930" border="0" bordercolor="#EEE4DB"]
to
[table width="930" cellpadding="0" cellspacing="0" border="0" bordercolor="#EEE4DB"]
If neither of those work to get rid of the spaces, then try "stacking" tables, where the first row is a table.... then close the table and start a second table for the navigation bar. And a third table for the body content.
Sometimes the colspan element of tables just doesn't cooperate and forces spaces between cells and the surest way to get rid of them is just to open and close new tables. The bonus to opening and closing new tables is that your pages will load even faster. As each table is "read" by the browser, it will display the contents. So, a page made of stacked tables loads faster than a site made of all one table.
Sure hope that helps!
: )
Linda
P.S. May I also recommend centering the whole page? That way you don't have a huge gap of space on the right side on a 19" monitor. : )
|