WordPress.com

1. nxgauto
   Member
   Mar 17, 2012, 2:34 PM

   Dear All,

   I am trying to add HTML Table which has atleast 8-10 columns, when i add it in post & preview it half the columns are not seen...!

   I want to add horizontal scroll in my post blog, so that any viewer can scroll in right & left & see the full table.

   How is this possible in Blog?

   Thanks for your response...

   The blog I need help with is autonxg.wordpress.com.

2. 1tess
   Moderator
   Mar 17, 2012, 3:07 PM

   Try this:
   

   <div style="white-space:pre;overflow:auto;width:500px;padding:10px;">
   CONTENT HERE
   <table style="width:900px;">
   <tr>
   <td>TEXT</td>
   <td>TEXT</td>
   <td>TEXT</td>
   </tr>
   etc………
   </table>
   </div>

3. nxgauto
   Member
   Mar 17, 2012, 6:29 PM

   Dear 1tess,

   Thanks a lot... for such fast response... This will solve the issue of horizontal scroll in blog post...

4. 1tess
   Moderator
   Mar 17, 2012, 7:09 PM

   You are welcome.

   (Obviously you can change the widths I showed to match the width of your theme and your table—)

Topic Closed

This topic has been closed to new replies.