A cleaner and elegant way to create tables in blogger
Well before you read this post, you may have a look on the live demonstration of this approach
- A Blogger’s Guide to Systems Biology-1
- Comparison of CellML and SBML
- 30+ Blogs about Bioinformatics and Chemoinformatics Programming
Creation of tables is one of the well known problem with Blogger, normally it will lead to large white space above the table because Blogger adds a <br/> tag for each carriage return in the table. To avoid this there are two ways, either code whole table in a single line or use css formatting as described below-
<style type="text/css">.nobrtable br { display: none }</style>
<div class="nobrtable">
YOUR TABLE CODE GOES HERE
</div>
The problem with css formatting as reported above is- most of the time it remove the space character or white space between words, and hence you will find many words joined together. Also Converting whole table in single line is not practical at all , particularly when you have very large tables. Here is a simple way to create tables in Blogger which convert line breaks to HTML tags. It’s 3 step process as described below
Step 1. First of all you need to create your table in any HTML WYSIWYG editor (here is the list of freely available WYSIWYG editors)
Step 2. Then copy HTML code for your table and then open Convert line breaks tool at Text Fixer. Paste you code in input box and select Use paragraph tags only option, finally click on Convert Text to HTML. It will generate new HTML formatted text, copy the new HTML code.
<style type="text/css">.nobrtable br { display: none }</style>
<div class="nobrtable">
YOUR TABLE CODE GOES HERE
</div>
The problem with css formatting as reported above is- most of the time it remove the space character or white space between words, and hence you will find many words joined together. Also Converting whole table in single line is not practical at all , particularly when you have very large tables. Here is a simple way to create tables in Blogger which convert line breaks to HTML tags. It’s 3 step process as described below
Step 1. First of all you need to create your table in any HTML WYSIWYG editor (here is the list of freely available WYSIWYG editors)
Step 2. Then copy HTML code for your table and then open Convert line breaks tool at Text Fixer. Paste you code in input box and select Use paragraph tags only option, finally click on Convert Text to HTML. It will generate new HTML formatted text, copy the new HTML code.
Step 3. Paste the new HTML code into Edit Html section of your post and just publish it.
11 Responses to “A cleaner and elegant way to create tables in blogger”
Latest Tweets
-
Hello OzFebruary 11, 2012 at 5:56 pm -
Good move by Elsevier, but company need more than PR efforts to save it's ground. Why so afraid accepting the new reality, open is future.February 11, 2012 at 3:01 am
-
Dear Entrepreneur, CXO of unknown start-up with uncertain business model, be grounded and humble. cheersFebruary 10, 2012 at 2:53 am
ya now sbml vs cellml post looks better otherwise every thing was joined
A cleaner and elegant way to create tables in blogger: Well before you read this post, you may have a look on th.. http://tinyurl.com/bju9qt
Holy shit!
The real problem is that the programmers at Blogger are a bunch of fucking MORONS. There are LOTS of problems with Blogger refusing NORMAL code. This is just one of the biggies.
Where IS the “text fixer,” by the way, could you have given us a LINK to that fuckin thing! So we don’t have to search the net for it.
here is the link http://www.textfixer.com/tools/convert-line-breaks-br.php, i guess that’s already there.
After ANOTHER 3 hours of struggling with this PIECE OF SHIT called Blogger, and EVEN after finding the Text Fixer and using it, the FUCKER still shoots ERROR codes when there are NO errors. I put a CENTER code around my linked image. There is an open
Hello. Your CSS works better than that stupid text fixer !!!!
Thank you !!!!!!
Hi there, I am not sure why the fixer did not worked for you, but I am glad CSS was useful. May be you should try once more as I prefer fixer as it gives better rendering for complex tables. You are correct that bloggers sucks big time but it is needless to say that most of Google project look still in beta. Also I don’t think there is any reason to believe that “Google/Blogger makes MONEY off our blogs” cause in revenue sharing it displays 0%.
Hey guys here is a easy way of doing it MS WORD
thanks but I did not find any interesting way to create table without gap,