Creating a table with 0 border

hey there,

I'm having exactly the same issue. I've tried the following:

- Created a new CSS file:
#noborder tbody,
#noborder thead,
#noborder th {
border: 0;
}
put it into a new dir Customer_CSS in the corporateclean dir.

Edited the corporateclean.info file:
name = CorporateClean
description = CorporateClean: A flexible, recolorable theme with many regions.
version = VERSION
core = 7.x

stylesheets[all][] = style.css
stylesheets[all][] = color/colors.css
stylesheets[all][] = Custom_CSS/borders.css

and defined my table as:
table id="noborder"...

but I'm still getting that border!

I'd rather not edit the style.css file....

Any ideas what's happening?

Hi All,

Anyone have any luck with this one? Unfortunately I am a bit of a noob and cant figure this out myself except for changing styles.css but thing is I have some tables requiring a border and other none.

Thanks in advance!

edit the style.css file won't fix the problem (I renamed the stylesheet and saw to the table, the stupid grey line stays!!) :(

This worked for me:

I downloaded /themes/corporateclean/style.css
Then i found the section where table is specified and changed the following:

table, td { border: 0px solid #bbbbbb; }

Before my change it was >>> table, td { border: 1px solid #bbbbbb; }

So i just replaced 1 with 0. :) I have no clue about CSS files nor i have programming skills but i just played around and it worked.

Then i uploaded the file back and there is no border!

Thanks VannaL.

This works perfect :D

Hello Aptalops - jimmymc - bootn - therealscriba - VannaL - douglaslopezt,
thank you for supporting Corporate Clean theme.

I would like to inform you that just made and committed the following changes to the table style rules. You will also notice that that I have added support for one extra table class "noborder".

Change from (style.css - Line 404)

/*  
* Tables
*/
table { border-collapse: collapse; width:100%; }

table, td { border: 1px solid #bbbbbb; }

table th { background:#222222; color:#ffffff; font-weight:bold; border:none; }

table tr.odd { background:transparent; }

table tr.even { background:#ffffff; }

table td, table th { padding:5px; }

To

/*  
* Tables
*/
table { border-spacing:0; border:0; width:100%;  }

table td, table th { border:1px solid #bbbbbb; }

table th { background:#222222; color:#ffffff; font-weight:bold; }

table tr.odd { background:transparent; }

table tr.even { background:#ffffff; }

table td, table th { padding:5px; }
/* Remove table borders */
table.noborder td, table.noborder th, table.noborder tr { border:none; }

Regarding the table borders, you are able to remove them by adding the class "noborder" <table class="noborder"></table>

Thanks again
/George

Hello again,
these changes will be included in next Corporate Clean releases 7.x-1.6 and 7.x-2.0 - http://drupal.org/node/1655120

Thanks again
/George

I used the noborder class on the table. It almost worked great. However, there is still a single line on top of the table. I've tried alternating the style.css from
table td, table th { border:1px solid #bbbbbb; }
to
table td, table th { border:0px solid #bbbbbb; }
and it didn't work.
Any suggestions?
Thanks

Michel2852 - to get rid of the line you will need to do the following:

in /modules/system

edit file system.theme.css

remove or comment out lines 25 through 27. so change this:

table {
  border-collapse: collapse;
}

to comment it out like this.. adding the comment tags above and below. You can also add a brief comment to describe why you commented it out like I did below

/*  
* keep commented out to remove the border lines above tables
*
table {
  border-collapse: collapse;
}
*/

spelling mistake

I am able to remove the table borders - but even with the info provided in the above posts, I cannot get rid of that top border line.

Is there another way to do this?? Example or problem: http://thementoringcollaborative.org/new/contact

This is an old thread, you really should have opened a new topic.

As for your question, the border is on the tbody element.

i see that now - 2 years old . . .

this is my first time posting - sorry.

i tried changing the tbody element to 0px and nothing changed. i will post a new thread.

thanks nevets

Just do this way to get completely border less table.

Version: 7.x
I know this thread is about creating tables with no borders on Drupal (in my case Version 7.x), however, many of the solutions described are not an option to me, since I do not have the access to the CSS files. Therefore, to go around this problem, I used the flex property in CSS.

<div style="display: flex; flex-wrap: wrap; flex-direction: raw; width: 100%;">
  <div style="flex: 0 0 33.333333%; max-width: 33.333333%;">
    <ul>
      <li>Item 1</li>
      <li>Item 2</li>
      <li>Item 3</li>
    </ul>
  </div>
  <div style="flex: 0 0 33.333333%; max-width: 33.333333%;">
    <ul>
      <li>Item 4</li>
      <li>Item 5</li>
      <li>Item 6</li>
    </ul>
  </div>
  <div style="flex: 0 0 33.333333%; max-width: 33.333333%;">
    <ul>
      <li>Item 7</li>
      <li>Item  8</li>
      <li>Item 9</li>
    </ul>
  </div>
</div>

This worked out nicely for me to create 3 parallel DIVs rather than 3 columns in a table that I couldn't disable it's borders.

I hope this helps!