| View previous topic :: View next topic |
| Author |
Message |
jmeth
Joined: 17 Sep 2005 Posts: 5
|
Posted: Sat Sep 17, 2005 1:53 pm Table in Blogger |
|
|
|
Need some help from someone experienced with creating tables in Blogger. Every time I try to insert a table, I create a huge space between the last line of text and the table. If the table comes first in the posting, then there's a huge space, the table and then the text. When I highlight the space, it looks like there's some formatting but it cannot be deleted. I'm guesssing that it may have something to do with the space alloted in the Blogger template and the spacing of the table itself.
I've tried asking Blogger but they only refer me to a generic guide to html.
How do I prevent the space gaps?????  |
|
Corey Bryant

Joined: 15 May 2004 Posts: 8154 Location: Castle Rock CO USA
|
Posted: Sat Sep 17, 2005 4:07 pm |
|
|
|
|
Please provide the source code |
|
jmeth
Joined: 17 Sep 2005 Posts: 5
|
Posted: Sun Sep 18, 2005 6:57 am |
|
|
|
I use the standard Blogger template. Here is a typical code for my content; it is only test data in a draft version posted to the blog.
======================================
xxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxx xxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxx x xxxxxxxxxxxxx xxxxxxxxxxxxx xxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx xxxxx xxxxxxxxx xxxxxxxxxxx x xxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxx xxxxxxx xxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxx xxxxxxxxxxxxxx xxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxx
<TABLE BORDER=2 CELLPADDING=4>
<TR> <TH COLSPAN=2>Production</TH> </TR>
<TR> <TD>Raha Mutisya</TD> <TD>1493</TD> </TR>
<TR> <TD>Shalom Buraka</TD> <TD>3829</TD> </TR>
<TR> <TD>Brandy Davis</TD> <TD>0283</TD> </TR>
<TR> <TH COLSPAN=2>Sales</TH> </TR>
<TR> <TD>Claire Horne</TD> <TD>4827</TD> </TR>
<TR> <TD>Bruce Eckel</TD> <TD>7246</TD> </TR>
<TR> <TD>Danny Zeman</TD> <TD>5689</TD> </TR>
</TABLE>
<p>This is an experiemtn to see whether I can write above a I enter below And see whether the Moves down as I do more carraige returns======================================
When viewed in Preview or when published there is a gap between the text (x's) and the table that cannot be deleted or filled in. |
|
Corey Bryant

Joined: 15 May 2004 Posts: 8154 Location: Castle Rock CO USA
|
Posted: Sun Sep 18, 2005 7:02 am |
|
|
|
| Do you also have this online to review? You might need to add some CSS to reduce your margin but I cannot see the problem |
|
jmeth
Joined: 17 Sep 2005 Posts: 5
|
|
Corey Bryant

Joined: 15 May 2004 Posts: 8154 Location: Castle Rock CO USA
|
Posted: Sun Sep 18, 2005 7:21 am |
|
|
|
Well let's start from the top, you are using:
| Code: |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
as your DOCTYPE, which requires all HTML tags to be written in lowercase.
And as I look at your source code online, I see:
| Code: |
xxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxx<TABLE BORDER=2 CELLPADDING=4><br /><TR> <TH COLSPAN=2>
Production</TH> </TR><br /><TR> <TD>Raha Mutisya</TD> <TD>1493</TD> </TR><br /><TR> <TD>
Shalom Buraka</TD> <TD>3829</TD> </TR><br /><TR> <TD>Brandy
Davis</TD> <TD>0283</TD> </TR><br /><TR> <TH COLSPAN=2>
Sales</TH> </TR><br /><TR> <TD>Claire Horne</TD> <TD>4827</TD> </TR><br /><TR> <TD>
Bruce Eckel</TD> <TD>7246</TD> </TR><br /><TR> <TD>Danny Zeman</TD> <TD>
5689</TD> </TR><br /></TABLE> |
and not what you had copied:
| Code: |
xxxxxxxxxxx
<TABLE BORDER=2 CELLPADDING=4>
<TR> <TH COLSPAN=2>Production</TH> </TR>
<TR> <TD>Raha Mutisya</TD> <TD>1493</TD> </TR>
<TR> <TD>Shalom Buraka</TD> <TD>3829</TD> </TR>
<TR> <TD>Brandy Davis</TD> <TD>0283</TD> </TR>
<TR> <TH COLSPAN=2>Sales</TH> </TR>
<TR> <TD>Claire Horne</TD> <TD>4827</TD> </TR>
<TR> <TD>Bruce Eckel</TD> <TD>7246</TD> </TR>
<TR> <TD>Danny Zeman</TD> <TD>5689</TD> </TR>
</TABLE> |
You added a lot of <br /> and <br /> isn't allowed in <table> element. This is what is causing your spaces. Go back and check your copying / pasting. You might need to paste it into notepad to strip everything out.
And just one more, you have
| Code: |
| <l1><a href="http://www.stockchartist.com/">StockChartist.com</a> |
while it should be
| Code: |
| <li><a href="http://www.stockchartist.com/">StockChartist.com</a> |
There are some more problems, but those should be fixed first. |
|
gary.newelluk
Joined: 12 May 2005 Posts: 548 Location: Peterhead, Scotland
|
Posted: Sun Sep 18, 2005 8:21 am |
|
|
|
| I thought the whole point of the strict DTD is that you aren't supposed to use tables. If you use tables use the transitional DTD. |
|
Corey Bryant

Joined: 15 May 2004 Posts: 8154 Location: Castle Rock CO USA
|
Posted: Sun Sep 18, 2005 8:39 am |
|
|
|
| No, you can use tables, especially the way you are doing it - you have tabular data being displayed. |
|
jmeth
Joined: 17 Sep 2005 Posts: 5
|
Posted: Sun Sep 18, 2005 9:00 am Thank you |
|
|
|
Thank you Corey, I believe it worked making the changes you suggested. Now I'll try with the live data.  |
|
Corey Bryant

Joined: 15 May 2004 Posts: 8154 Location: Castle Rock CO USA
|
Posted: Sun Sep 18, 2005 1:09 pm |
|
|
|
| Anytime - good luck with the website! |
|
jamyblue
Joined: 04 Nov 2005 Posts: 2
|
Posted: Fri Nov 04, 2005 5:18 pm Blogger table problem |
|
|
|
I'm having the same problem. I created a table and when I publish in blogger, there is a huge space before the table. The code I posted in blogger looks correct. Here is an exerpt:
| Code: |
The weekend will look something like this (I don't know why blogger is putting a large space before the table, please scroll down!): <table border="5" cellspacing="5"><tbody valign="top"><tr><td><b>Friday</b></td>
</tr>
<tr><td>6:00pm</td><td>Pick up moderately conveniently located Flexcar, drive to little sister's (not my actual sister) house, take her to dinner and a movie. (Care to join us? We're going to see <a href="http://www.imdb.com/title/tt0073195/">Jaws</a> at the <a href="http://www.americancitydiner.com/">American City Diner</a>.)</td>
</tr>
<tr>
<td>10:00pm (approx)--???</td>
<td>Take little sister home, drop off Flexcar, catch bus home.</td>
</tr>
<tr>
<td><b>Saturday</b></td>
</tr>
<tr>
<td>8:50am-10:10am</td>
<td>Take TR's kids to dance class.</td>
</tr></tr></tbody></table>
|
However, when I visit the published post (http://gratefuldating.blogspot.com/2005/11/gimme-5.html) and look at the source code I see a bunch of "</br>" tags in the body of the table. I did not put them in there and I don't know how to get them out.
Any suggestions?
~jamy |
|
Corey Bryant

Joined: 15 May 2004 Posts: 8154 Location: Castle Rock CO USA
|
Posted: Fri Nov 04, 2005 5:21 pm Re: Blogger table problem |
|
|
|
| jamyblue wrote: |
I'm having the same problem. I created a table and when I publish in blogger, there is a huge space before the table. The code I posted in blogger looks correct. Here is an exerpt:
| Code: |
The weekend will look something like this (I don't know why blogger is putting a large space before the table, please scroll down!): <table border="5" cellspacing="5"><tbody valign="top"><tr><td><b>Friday</b></td>
</tr>
<tr><td>6:00pm</td><td>Pick up moderately conveniently located Flexcar, drive to little sister's (not my actual sister) house, take her to dinner and a movie. (Care to join us? We're going to see <a href="http://www.imdb.com/title/tt0073195/">Jaws</a> at the <a href="http://www.americancitydiner.com/">American City Diner</a>.)</td>
</tr>
<tr>
<td>10:00pm (approx)--???</td>
<td>Take little sister home, drop off Flexcar, catch bus home.</td>
</tr>
<tr>
<td><b>Saturday</b></td>
</tr>
<tr>
<td>8:50am-10:10am</td>
<td>Take TR's kids to dance class.</td>
</tr></tr></tbody></table>
|
However, when I visit the published post (http://gratefuldating.blogspot.com/2005/11/gimme-5.html) and look at the source code I see a bunch of "</br>" tags in the body of the table. I did not put them in there and I don't know how to get them out.
Any suggestions?
~jamy |
Sometimes - depending on the pasting, <br> tags will be added by the program. Re-copy your code without the line breaks in a few places and see if that helps. |
|
jamyblue
Joined: 04 Nov 2005 Posts: 2
|
Posted: Fri Nov 04, 2005 5:36 pm |
|
|
|
Yep, that was the problem. Blogger added a <br> every place I had a paragraph break. Just like it was supposed to!
Thanks! |
|
|