Web Site - How do I make table borders invisible?

[Roadrunner]

Hi, I am developing a website where some of the pages contain tables.  The default colour of the table's borders is black but I want to make them invisible so that all I can see is structured text. 

I've looked at the HTML code (I'm not an expert) and tried a couple of changes but this does not seem to have any effect. 

Can anyone help please?

[spank]

In the <table> tag add border=0  so...<table border=0>

[Roadrunner]

Hi thank you for your response but I am still having difficulties.

I am using Easysitewizard which allows me to change the HTML source code.  As you can see from the cosde line below, border=0 is already set but there is a black border on every cell.

<TABLE style="WIDTH: 99%; TABLE-LAYOUT: fixed; HEIGHT: 99%" border=0 rules=all cellSpacing=0 rowSpacing="0">

Is there anything else that I can try?

Thank you.

[agowans]

Have you tried adding the table, inputing the required data, right click, table properties and setting the following values?

Frame and borders

Borders: 0 pixels

Frames: No sides

Rules: No rules

This avoids editing the HTML code which BT do not support.  If you have tried this, do the table borders still appear in the editor or is it only the published site?

[Roadrunner]

Thank you for your feedback.

This maybe me being thick but if I right click the table properties (I understand that to be the 'I' icon when you double click the table) I am not presented with the options that you quote.  All I get are the same options as right clicking on any other webpage.

I am using Easysitewizard and the only properties for a table appear to be numbers of rows and columns.

Am I missing something?

[agowans]

From what you are saying it sounds like you are using EasySiteWizzard Pro not EasySiteWizzard?  Is this correct?

Let me know, I will go have a look at it on that platform and see if I can get to the bottom of it.

[agowans · Accepted solution]

If you are using ESWP:

Go into Edit CSS source, find the section with the table in question, the code should look like this

/* TABLE PART START */

div.ESWuserTable
{
 height: 93px;
}

div.ESWuserTable TABLE
{
 border: 1px solid black;
 border-collapse: collapse;
}
div.ESWuserTable TD
{
    border: 1px solid black;
}

/* TABLE PART END */

In both places where it reads "border: 1px solid black" replace 1px with 0px.

This should remove the border.

[Roadrunner]

You are correct; I am using Easysitewizard Pro.

[Roadrunner]

BRILLIANT! - you are a superstar.

Thank you so much for this.  It has solved my problem.

[Roadrunner]

Hi, there's an interesting foot-note.  The borders of the table to not appear in the Easysitewizard Pro Editor or in IE when published but they still do in the Chrome web browser.