[SOLVED] Tables (HTML5) - Border/No Border

Discussion about CSS related issues.
Post Reply
paulp575
Rank III - Intermediate
Rank III - Intermediate
Posts: 91
Joined: Tue Aug 09, 2005 1:20 pm
Location: Spokane WA
Contact:

[SOLVED] Tables (HTML5) - Border/No Border

Post by paulp575 »

Using HTML Validator Pro version 20.

I have a form which is laid out as a table. Need to have borders around each cell - which I have.

On the same page - at the bottom, I also have a table but do not want any borders - neither around the table or around each cell.

I'm using the following HTML code to keep the borders in the form (lines 210 thru 215):

Code: Select all

TABLE, TD
{
  BORDER: 1px solid black;
  BORDER-COLLAPSE: collapse;
  PADDING: 5px;
}
How can I remove the borders around and within the table on the bottom of the form (lines 875 thru 894)?

I tried using the above code but changing the border tag to 0px. And, not sure how to differentiate this table from the other table. I tried using FOOTER-TABLE as part of the code with no borders, but that didn't work either.

Thanks.
Attachments
EWATV_Donation_Form.zip
(229.29 KiB) Downloaded 2 times
Last edited by paulp575 on Wed Jan 06, 2021 8:54 pm, edited 1 time in total.
paulp575
User avatar
Albert Wiersch
Site Admin
Site Admin
Posts: 3568
Joined: Sat Dec 11, 2004 9:23 am
Location: Near Dallas, TX
Contact:

Re: Tables (HTML5) - Border/No Border

Post by Albert Wiersch »

Hello,

You can add a CSS class, like class="footer" to the table, and then add this CSS:

Code: Select all

TABLE.footer, TABLE.footer td
{
  BORDER: none;
}
paulp575
Rank III - Intermediate
Rank III - Intermediate
Posts: 91
Joined: Tue Aug 09, 2005 1:20 pm
Location: Spokane WA
Contact:

Re: Tables (HTML5) - Border/No Border

Post by paulp575 »

Thanks - again that worked!

I am still learning how to use style tags with periods.
paulp575
Post Reply