Hi, I need to create tables with borders on this site that I am building. It won't work thou. In the body field it looks as it should, when I'm using ckeditor, but in the preview the border shows at the sides, between rows but not at the top or bottom. If I change code from table data to table header the borders shows except at the bottom of the table. When I change to Bartik with the same code everything works perfect, both with table data and table header. I have used both ckeditor and without any editor at all, same result. I would like to use tables with borders on this site I am building so..... if you have a solution to this I would be very thankful.

CommentFileSizeAuthor
#10 Drupal table missing borders.jpg81.02 KBmattstein
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Jeff Burnz’s picture

Jeff Burnz CreditAttribution: Jeff Burnz commented
Category: bug » feature

Do you have this online, can I look at it please.

dedde’s picture

dedde CreditAttribution: dedde commented

Yes, here it is http://wheatens.al-tec.fi/?q=litters

Jeff Burnz’s picture

Jeff Burnz CreditAttribution: Jeff Burnz commented
Category: feature » bug

Yeah, I see the problem with the borders, gee I don't know how that crept in, must have been a silly mistake at some stage. This theme used to have really nicely styled tables, looks like I need to redo them.

dedde’s picture

dedde CreditAttribution: dedde commented

Hi!
I'm updating my own website now and I'm using Adaptive Themes and AT Commerce.
The same problem with tables as with Pixture Reloaded. I'm using a gray background here to show you that the border shows in black and white for some reason. Here's the link http://webshop.al-tec.fi/node/30 if you want to take a look. I updated both themes today but the tables shows the same.

CAMarschke’s picture

CAMarschke CreditAttribution: CAMarschke commented

Any ETA on getting this corrected? Or a work around in CSS? I am open to suggestions.

jippie1948’s picture

jippie1948 CreditAttribution: jippie1948 commented
Issue summary: View changes

ANy progress here?

Anonymous’s picture

Anonymous (not verified) CreditAttribution: Anonymous commented

I'm having this issue too. I've tried everything from custom classes and IDs to using the !important tag.

therapyselect’s picture

therapyselect CreditAttribution: therapyselect commented

I have exactly the same problem. Is there any solution available?

hutch’s picture

hutch CreditAttribution: hutch commented

Have a look in modules/system/system.theme.css and look what it is doing to table elements, then you can figure out what to override in your theme's custom css.

mattstein’s picture

mattstein CreditAttribution: mattstein as a volunteer commented
FileSize
Drupal table missing borders.jpg81.02 KB

I'm having the same problem with the missing table borders and I'm not using any custom CSS.
Screenshot of table missing borders

Based on hutch's comment (#9) I checked the modules/system/system.theme.css and here is what it says:

/**
 * HTML elements.
 */

table {
  border-collapse: collapse;
}
th {
  border-bottom: 3px solid #ccc;
  padding-right: 1em; /* LTR */
  text-align: left; /* LTR */
}
tbody {
  border-top: 1px solid #ccc;
}
tr.even,
tr.odd {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em;
}

The only other table elements I see in the file are:

/**
 * TableDrag behavior.
 *
 * @see tabledrag.js
 */
tr.drag {
  background-color: #fffff0;
}
tr.drag-previous {
  background-color: #ffd;
}
.tabledrag-toggle-weight {
  font-size: 0.9em;
}
body div.tabledrag-changed-warning {
  margin-bottom: 0.5em;
}

/**
 * TableSelect behavior.
 *
 * @see tableselect.js
*/
tr.selected td {
  background: #ffc;
}
td.checkbox,
th.checkbox {
  text-align: center;
}