cancel
Showing results for 
Search instead for 
Did you mean: 

Web Site - How do I make table borders invisible?

Roadrunner
Member

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?

16 REPLIES 16

Roadrunner
Member
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.

agowans
Member

Have you tried clearing the cache in Chrome?  Try Ctrl + F5 to refresh the page not from cache.  I don't see any reason why Chrome would not show the CSS changes other than this.

Roadrunner
Member

Agowans, you are right again.

 

A sincere thank you for your help.

Hilary
Member

I'm having the same problem here! In teh CSS code the border pixel value reads 0 and in edit mode and IE there are no grid lines but in Firefox the internal table grid lines are visible - even after refreshing the page.

 

Any ideas?

 

Hilary

 

 

Fiona
Grand Guru

Hi

 

You should be able to resolve the issue with the invisible borders by editing the "border: 1px solid black" lines in the "Edit CSS source" mode of EasySiteWizard Pro. If there are any further issues with this, please provide us with a brief description of the problem and the name of the domain involved.

 

Kind Regards

 

Fiona

BT Business Forum Moderator



Like this post, or any others? Please click on the star image on the left hand side if you do.
If you ask a question by putting up the first post in a thread and a follow-up post answers your question correctly, please let other Forum members know which post contains the correct answer by clicking on the 'Accept as Solution' button on the right hand side of the post.

Hilary
Member

Hello Fiona

 

I posted this seperately as well and had the following solution

table {
border: 0px none;
border-collapse: separate;
}

 Just changing the CSS to read 0px didn't work.

 

Having followed the advice in the box above, it worked fine.

 

Hilary

 

Fiona
Grand Guru

Hi Hilary

 

Thats brilliant, i'm glad you managed to find a solution and get it working.

 

Thanks

 

Fiona

BT Business Forum Moderator



Like this post, or any others? Please click on the star image on the left hand side if you do.
If you ask a question by putting up the first post in a thread and a follow-up post answers your question correctly, please let other Forum members know which post contains the correct answer by clicking on the 'Accept as Solution' button on the right hand side of the post.