HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
Table in Blogger
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table
View previous topic :: View next topic  
Author Message
jmeth



Joined: 17 Sep 2005
Posts: 5

PostPosted: Sat Sep 17, 2005 1:53 pm     Table in Blogger Reply with quote

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????? Question
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8267
Location: Castle Rock CO USA

PostPosted: Sat Sep 17, 2005 4:07 pm     Reply with quote



Please provide the source code
jmeth



Joined: 17 Sep 2005
Posts: 5

PostPosted: Sun Sep 18, 2005 6:57 am     Reply with quote

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
Site Admin


Joined: 15 May 2004
Posts: 8267
Location: Castle Rock CO USA

PostPosted: Sun Sep 18, 2005 7:02 am     Reply with quote

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

PostPosted: Sun Sep 18, 2005 7:06 am     Published table Reply with quote

It is now published and available online at:

http://stockchartist.blogspot.com/
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8267
Location: Castle Rock CO USA

PostPosted: Sun Sep 18, 2005 7:21 am     Reply with quote

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

PostPosted: Sun Sep 18, 2005 8:21 am     Reply with quote

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
Site Admin


Joined: 15 May 2004
Posts: 8267
Location: Castle Rock CO USA

PostPosted: Sun Sep 18, 2005 8:39 am     Reply with quote

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

PostPosted: Sun Sep 18, 2005 9:00 am     Thank you Reply with quote

Thank you Corey, I believe it worked making the changes you suggested. Now I'll try with the live data. Very Happy
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8267
Location: Castle Rock CO USA

PostPosted: Sun Sep 18, 2005 1:09 pm     Reply with quote

Anytime - good luck with the website!
jamyblue



Joined: 04 Nov 2005
Posts: 2

PostPosted: Fri Nov 04, 2005 5:18 pm     Blogger table problem Reply with quote

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
Site Admin


Joined: 15 May 2004
Posts: 8267
Location: Castle Rock CO USA

PostPosted: Fri Nov 04, 2005 5:21 pm     Re: Blogger table problem Reply with quote

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

PostPosted: Fri Nov 04, 2005 5:36 pm     Reply with quote

Yep, that was the problem. Blogger added a <br> every place I had a paragraph break. Just like it was supposed to!

Thanks!
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 

 
HOSTING / DESIGN
MAKE MONEY

Home
  |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial