How could I have formatted this better?
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.
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.
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.
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%" />
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.