topic Re: Web Site - How do I make table borders invisible? in Archive

Web Site - How do I make table borders invisible?

Roadrunner — Wed, 26 Aug 2009 06:28:02 GMT

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?

Re: Web Site - How do I make table borders invisible?

spank — Wed, 26 Aug 2009 10:19:50 GMT

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

Re: Web Site - How do I make table borders invisible?

Roadrunner — Wed, 26 Aug 2009 11:43:46 GMT

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.

Is there anything else that I can try?

Thank you.

Re: Web Site - How do I make table borders invisible?

agowans — Wed, 26 Aug 2009 12:06:02 GMT

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?

Re: Web Site - How do I make table borders invisible?

Roadrunner — Wed, 26 Aug 2009 12:52:14 GMT

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?

Re: Web Site - How do I make table borders invisible?

agowans — Wed, 26 Aug 2009 13:05:41 GMT

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.

Re: Web Site - How do I make table borders invisible?

agowans — Wed, 26 Aug 2009 14:01:11 GMT

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.

Re: Web Site - How do I make table borders invisible?

Roadrunner — Wed, 26 Aug 2009 14:03:39 GMT

You are correct; I am using Easysitewizard Pro.

Re: Web Site - How do I make table borders invisible?

Roadrunner — Wed, 26 Aug 2009 14:08:31 GMT

BRILLIANT! - you are a superstar.

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

Re: Web Site - How do I make table borders invisible?

Roadrunner — Wed, 26 Aug 2009 14:15:08 GMT

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.

Re: Web Site - How do I make table borders invisible?

Roadrunner — Wed, 26 Aug 2009 14:16:26 GMT

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.

Re: Web Site - How do I make table borders invisible?

agowans — Wed, 26 Aug 2009 15:42:20 GMT

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.

Re: Web Site - How do I make table borders invisible?

Roadrunner — Wed, 26 Aug 2009 16:03:29 GMT

Agowans, you are right again.

A sincere thank you for your help.

Re: Web Site - How do I make table borders invisible?

Hilary — Wed, 14 Oct 2009 15:57:26 GMT

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

Re: Web Site - How do I make table borders invisible?

Fiona — Mon, 19 Oct 2009 11:58:05 GMT

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

Re: Web Site - How do I make table borders invisible?

Hilary — Mon, 19 Oct 2009 12:10:32 GMT

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

Re: Web Site - How do I make table borders invisible?

Fiona — Mon, 19 Oct 2009 12:16:31 GMT

Hi Hilary

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

Thanks

Fiona

BT Business Forum Moderator