WordPress.com

1. baseball363
   Member
   May 6, 2012, 2:43 AM

   This post:
   https://toomuchmusic.wordpress.com/2012/02/23/tegan-and-sara-videography/

   I want to do another similar, but adding extra information. So basically, I'd like a table, but cannot seem to figure it out. I have been searching, and found it has to be HTML5 and CSS3 compliant. However my table ends up being a little too long for the post area, and I cannot figure out padding (as a couple table headers eneded up immediately next to eachother). I tried the paste from MS-Word too, but didn't seem to work too well (I was using Google Docs though).

   Thanks very much!

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

2. justpi
   Member
   May 6, 2012, 5:20 AM

   a) Never paste from Word into the Visual editor, as it introduces lots of bad code.
   b) We cannot know what you'd like to put where if you used a table. If you are familiar with the basics of table coding, create a table in the HTML editor and publish the post so we can check things and tell you what to modify or improve.

3. baseball363
   Member
   May 8, 2012, 5:41 AM

   No no, I pasted into the MS-Word paste box.

   Anyway, I gave up on table, and just separated with a space on either side of a vertical bar.

   Here is the post: http://toomuchmusic.wordpress.com/2012/05/08/beastie-boys-videography/

   I'd still be interested in better formatting, as I'll do more such posts in the future.

4. justpi
   Member
   May 8, 2012, 11:29 AM

   Well, you do need a table...

   Commands such as border="1", cellpadding="2" etc don't work. You can write the opening table tag like this, to decrease the font-size and add a border around the table:
   <table style="font-size:80%;border:1px solid #ccc;">

   Each opening td tag needs to be like this:
   <td style="border:1px solid #ccc;padding:6px;">

   If you wish to change the color of the text in some cells, you don't add span tags, you add it to the style of the td tags:
   <td style="color:#000;border:1px solid #ccc;padding:6px;">

   If you wish to limit the width of the first column, you can add this after the opening table tag:
   <col width="30%" />

5. baseball363
   Member
   May 9, 2012, 3:49 AM

   Thanks, will give it a whirl on my next such post (didn't want to post something that looked poorly).

Topic Closed

This topic has been closed to new replies.