- The easiest solution is to change your formatting settings under "Convert line breaks" to "No" (the default is "Yes"). This will fix the table but will completely annihalate other posts because everything in a post will now effectively be in one continuous line without line breaks. Tables will look peachy but you will have to apply div styles to every post without a table.
- Another solution is to create tables in Notepad and paste the into Blogger posts. Whatever you do, if you want to use this method, do NOT create the table in Word or even in Blogger because both applications include a lot of problematic formatting. This also works but is cumbersome and really unpleasant to edit because you have to go back to the original in order to be sure not one single Blogger code slips in.
- The third solution was provided by the wonderful Malaysian blogger Peter Chen (a/k/a/ Blogstar) and modified by FamilyNutritionist in a comment (bless him!). Here are the steps:
(a) paste or type these two lines at the end of your css style codes (you may have to experiment with ideal placcement but I find it works best at the end):
. nobrtable br { display: none } (do not add spaces after the periods)
. nobrtable p { margin: 0px; } (do not add spaces after the periods)
In blogger posts, table formatting doesn't mirror post/text formatting and therefore it may be good to add font size and line spacing to either or both of these, too, such as
. nobrtable p { margin: 0px; font: 8.5pt/1.4 Verdana; }
(b) at the start of your table, type or paste this line:
< class="nobrtable"> (without spaces)
(c) if you want a new line in a column without having to make a new row or column, press enter and at the start of each line, type:
< "p" > (without spaces or quotation marks)
(d) at the end of your post, type:
< /table class > and < /div > (without spaces except between table and class)
< type="text/css">.nobrtable br { display: none } < /style > (without spaces at brackets)
< class="nobrtable"> (without spaces)
Labels: blogs (mine), web design