Can you point me to more HTML help for tables in a blog post?

• 

  tlevien · Member · May 9, 2015 at 7:33 pm

  • Copy link
  • Add topic to favorites

  I was able to create single row tables by copying the HTML from this page then removing the cells I wanted and pasting in the text & picture code:
  https://en.support.wordpress.com/advanced-html/

  But I’d like a) for the borders to be invisible, and b) to control the vertical alignment of the text within the boxes.

  I downloaded Windows Live Writer, but it did not import the theme from my WordPress site (even though I don’t see that my site is set as ‘private’).
  I looked at the HTML there and tried adding the bits of code I could see (border=’0′ and valign=’top’) to achieve what I wanted but it didn’t work. I published a test post from Live Writer where the settings were clearly for no table border and for top text alignment in the cell but it appeared the same as what I had already done in WordPress (in the one ‘Review’ post I have up.)

  The blog I need help with is: (visible only to logged in users)

• 

  thatrobyn · Member · May 9, 2015 at 7:41 pm

  • Copy link

  Hi there!

  If you’re newer to HTML tables, instead of using Live Writer to build them, I’m going to suggest that you use one of the following:
  http://www.rapidtables.com/web/tools/html-table-generator.htm
  http://www.quackit.com/html/html_table_generator.cfm

  They are free, online HTML table generators.

  You will setup your specifications for your table, then you’ll be given HTML code that you can copy/paste into the HTML tab in your page or post.

  Once you’re done, you can click back to your Visual tab, and add whatever content you’d like into your cells.

  Give that a go, and let me know if you have any trouble at all once your table in installed. I’m happy to look over the code if you need assistance afterward!

  Looking forward to hearing from you. Thanks very much.

• 

  tlevien · Member · May 9, 2015 at 8:13 pm

  • Copy link

  Thanks Robyn, but no improvement. Neither tool includes the option to explicitly control vertical alignment anyhow, but even with the tools they do have I’m having no luck getting the borders to go away. The first tool would not generate a single row table (or one with fewer than 4 rows, or without a header or without a caption) but I was able to remove what I didn’t want.

• 

  thatrobyn · Member · May 9, 2015 at 10:18 pm

  • Copy link

  Hey there!

  Actually, you did everything right! Now, what you have to contend with is in the code of your theme. Your theme’ stylesheet adds those default borders to your tables.

  Since you have the Premium upgrade, you can adjust your theme’s CSS to hide those borders.

  If you’d like to give this a try, go to your customizer by clicking the link below:
  https://fountainpenusers.wordpress.com/wp-admin/customize.php?

  Then, click CSS in your menu. In the CSS Revisions box, please paste the following underneath all existing text:

  table {
  border-color: #ffffff;
  }

  td {
  border-color: #ffffff;
  }

  Then Save & Publish your changes. That should do the trick!

  For more detailed instruction on how you can make CSS adjustments on your own, take a look at these two links:
  https://dailypost.wordpress.com/2013/06/21/css-intro/
  https://dailypost.wordpress.com/2013/07/25/css-selectors/

  Thanks so much!