The ultimate Tech Lab

A few days ago we discussed about the methods for avoiding large white spaces before tables in blogger here I'd like to present another simple method which is simple than the previous methods.

At the top of your post add this:

<style type="text/css">.nobr br { display: none }</style>

Then place your table within that class:
<div class="nobr">
<table border="1">
<tr>
<td>Mobile</td>
<td>5050</td>
<td>2009-01-12</td>
</tr>
<tr>
<td>Laptop</td>
<td>11000</td>
<td>2009-01-12</td>
</tr>
</table>
</div>


That has the effect of turning off the display of the Blogger-generated line breaks within the div, causing the table to be rendered properly.

The table look like this in your browser













Mobile50502009-01-12
Laptop110002009-01-12



Note from Techfind:-

Unfortunately, both the "Compose" and "Preview" views of a post still render incorrectly, but when you actually publish, the table does come out right!

Related Topics:
Tags:-
avoiding white space before table,blogger tips,blogger tricks,table formatting in blogger,table in blogger,how to avoid space before table in blogger,blogger tables formatting,table formatting,blogger tutorial,tutorials,internet tricks,internet tips,blogger,using table in blogger,inserting table in blogger,blogger table formatting,white space before table in blogger ,showing table in blogger,problem with table in blogger,table in blogger,how to,white space before table,formatting table in blogger,formatting table

The ultimate Tech Lab

Followers

Blog Archive