Table and Cell borders
654 views
Skip to first unread message
Glenn Roberts
Dec 27, 2013, 7:13:32 PM12/27/13
to blueg...@googlegroups.com
Hi I would be grateful for any advice, I am new to Bluegriffon and trying to make templates for some pages for a website.
I use the new document wizard to create a page and then in the body of the page I insert a table, adding content to each cell within the table. In the final version I would like the cel borders invisible, to accomplish this I have tried making the cell borders zero, I have also tried zeroing the cell padding and spacing to no effect. I do get the dotted lines in Bluegriffon but when I review in Internet Explore the lines are still there. I got so bemused by this I ended up paying for the table add-on but this does not seem to help.
What is going on? is there something I am missing or does the wizard lock down the page somehow?
Thanks
Glenn
Alex Paton
Jan 8, 2014, 6:26:14 AM1/8/14
to blueg...@googlegroups.com
Glenn
It is hard to tell without seeing your code, but having seen what you have written, here is a guess. If you manage to remove the border from the cells, you will still end up with a border around the table, which may or may not be what you want. If it is, instead of changing the border width, set the border to 'none' from the dropdown to the right of the border width. I think this is what you are trying to achieve. If you don't want to have a border around the table either, you will need to apply the same setting to the table.
Alex
It is hard to tell without seeing your code, but having seen what you have written, here is a guess. If you manage to remove the border from the cells, you will still end up with a border around the table, which may or may not be what you want. If it is, instead of changing the border width, set the border to 'none' from the dropdown to the right of the border width. I think this is what you are trying to achieve. If you don't want to have a border around the table either, you will need to apply the same setting to the table.
Alex
Greg Chapman
Jan 8, 2014, 7:30:43 AM1/8/14
to blueg...@googlegroups.com
Hi Glenn,
On 28 Dec 13 00:13 Glenn Roberts <glenn.20...@gmail.com> said:
> I use the new document wizard to create a page and then in the body
> of the page I insert a table, adding content to each cell within the
> table.
The first thing to say is that almost certainly you should NOT be
using a table. I suspect you are using the table for page layout
purposes, as one might do in a word processing document. This is not
the correct approach for a web page, which, unlike a printed document,
is delivered electronically to a huge range of devices with screens
any size from that of a smart phone to a giant TV screen, and may not
even be visual at all but be read aloud by speech synthesis programs.
You should place your content in semantically correct markup (i.e.
headings, paragraphs, lists, etc) and then style them appropriately.
The new page wizard can help construct this for you if you use the
"Apply a predefined CSS layout" option on the last page of the wizard,
otherwise you can do it manually (when you can assign class names with
more meaningful names than those created with the wizard) as you enter
some dummy content to your template page.
> In the final version I would like the cel borders invisible,
> to accomplish this I have tried making the cell borders zero, I have
> also tried zeroing the cell padding and spacing to no effect. I do
> get the dotted lines in Bluegriffon but when I review in Internet
> Explore the lines are still there. I got so bemused by this I ended
> up paying for the table add-on but this does not seem to help. What
> is going on? is there something I am missing or does the wizard lock
> down the page somehow?
On the basis that you are making a template for the pages on your site
that will contain true tabular data then you need to overcome a
"feature" of BlueGriffon that adds a "border" HTML attribute to the
table tag, thus over-riding any CSS styling you may have applied to
your table.
With your newly inserted table on the page, do this:
1. On the menu bar select: Panels > DOm Explorer
(To open the DOM Explorer)
2. In the upper "Elements" section of the DOM Explorer. click on
"table"
(This selects the required element in the HTML)
3. In the lower section of the DOM Explorer, select the "Attributes"
tab then click on the line "border 1"
(To select the offending item!)
4. At the bottom of the panel select the "-" sign
(To delete the attribute.)
You should probably also select and delete the "style" attrribute as
it is more likely you will want to control all tables through your
main stylesheet.
Greg Chapman
http://www.gregtutor.plus.com
Helping new users of KompoZer and The GIMP
Still exploring BlueGriffon
On 28 Dec 13 00:13 Glenn Roberts <glenn.20...@gmail.com> said:
> I use the new document wizard to create a page and then in the body
> of the page I insert a table, adding content to each cell within the
> table.
using a table. I suspect you are using the table for page layout
purposes, as one might do in a word processing document. This is not
the correct approach for a web page, which, unlike a printed document,
is delivered electronically to a huge range of devices with screens
any size from that of a smart phone to a giant TV screen, and may not
even be visual at all but be read aloud by speech synthesis programs.
You should place your content in semantically correct markup (i.e.
headings, paragraphs, lists, etc) and then style them appropriately.
The new page wizard can help construct this for you if you use the
"Apply a predefined CSS layout" option on the last page of the wizard,
otherwise you can do it manually (when you can assign class names with
more meaningful names than those created with the wizard) as you enter
some dummy content to your template page.
> In the final version I would like the cel borders invisible,
> to accomplish this I have tried making the cell borders zero, I have
> also tried zeroing the cell padding and spacing to no effect. I do
> get the dotted lines in Bluegriffon but when I review in Internet
> Explore the lines are still there. I got so bemused by this I ended
> up paying for the table add-on but this does not seem to help. What
> is going on? is there something I am missing or does the wizard lock
> down the page somehow?
that will contain true tabular data then you need to overcome a
"feature" of BlueGriffon that adds a "border" HTML attribute to the
table tag, thus over-riding any CSS styling you may have applied to
your table.
With your newly inserted table on the page, do this:
1. On the menu bar select: Panels > DOm Explorer
(To open the DOM Explorer)
2. In the upper "Elements" section of the DOM Explorer. click on
"table"
(This selects the required element in the HTML)
3. In the lower section of the DOM Explorer, select the "Attributes"
tab then click on the line "border 1"
(To select the offending item!)
4. At the bottom of the panel select the "-" sign
(To delete the attribute.)
You should probably also select and delete the "style" attrribute as
it is more likely you will want to control all tables through your
main stylesheet.
Greg Chapman
http://www.gregtutor.plus.com
Helping new users of KompoZer and The GIMP
Still exploring BlueGriffon
Reply all
Reply to author
Forward
0 new messages