How can I create a table without border?
When I create in a node a table with no border, when I publish it the table appears with a gray thick border.

Comments

derjochenmeyer’s picture

derjochenmeyer commented

Hi ionuts71, its the themes style.css that sets the table border. Maybe i should have made the css more specific. What you can do is use Firebug (a Firefox Add-on). There you can rightclick and find which line in the css creates the border and change it. For example here you could just completely remove this from the style.css

/* style.css (Linie 294) */
table {
  border:4px solid #F3F3F3;
  border-collapse:separate;
  padding:0;
}
sumitshekhawat7331’s picture

sumitshekhawat7331 commented

just go in to system module folder inside the module folder...

here you can find two css files named default.css and system.css in this you can find that div of that table...

and you can change easily..

ionuts71’s picture

ionuts71 commented
Status: Active » Closed (fixed)

Many thanks.

MGParisi’s picture

MGParisi commented

I am having a problem with the default.css setting the table {border-collapse: collapse;}

I don't know why the default.css sets this as a value, it makes certain rows have no left or right borders. I fixed it by over-riding it with table {border: separate} however this bugs me because it could cause other problems.

This is a problem in D6, and It sounds like it continues to be a problem in d7... Maybe some tables should have a class with tcollapse?

I will continue to research this problem as much as I can.