Fixing HTML table with CSS

• 

  ladyelectronica · Member · Dec 2, 2011 at 1:04 pm

  • Copy link
  • Add topic to favorites

  I have created a html table for the pictures on the following page: http://ladyelectronica.com/artists/

  The pictures are too spaced out and the last picture on the right is cut off the page.

  Is there a way to make these appear closer together with CSS?

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

• 

  panaghiotisadam · Member · Dec 2, 2011 at 3:16 pm

  • Copy link

  Yes there is. Do you have the paid Custom Design upgrade? In other words, do you mean adding code in the CSS editor of the theme, to change the defaults for tables in general, or do you mean adding code in the HTML editor of the page, to change that table in particular?

• 

  designsimply · Member · Dec 2, 2011 at 4:40 pm

  • Copy link

  You are using the Chunk theme and it has this line in the stylesheet which adds spacing to the table cells:

  .entry-content tr td {
      padding: 6px 24px;
  }

  You could adjust the spacing to zero, but keep in mind it will affect any tables in any post or page in the same way:

  .entry-content tr td {
      padding: 0px;
  }