How could I have formatted this better?

  • Unknown's avatar

    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: (visible only to logged in users)

  • Unknown's avatar

    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.

  • Unknown's avatar

    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.

  • Unknown's avatar

    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%" />

  • Unknown's avatar

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

  • The topic ‘How could I have formatted this better?’ is closed to new replies.