Table Style: Hiding the gridlines. Is there a trick

[jcoria]

I have created a new table style in which I have made the border set to non. In the Preview section of the Style Sheet Editor, it shows no lines. However, in the output, it still shows light gray lines. Is there something I am missing? I am basically trying to achieve an effect of separating some hyperlink lists for a welcome page. I have attached the image.

Thank you.

JCoria

[LTinker68]

Set all the borders to 0, set the spacing to 0, and make sure you select to collapse the border.

[jcoria]

Set all the borders to 0, set the spacing to 0, and make sure you select to collapse the border.

Thank you for the reply Lisa, it is much appreciated. I have that done. I have attached an image. I am still seeing the light gray grid lines.

[KGaetz]

Have you checked the settings on the other tabs: Rows, Columns, Header, and Footer?

[jcoria]

I am attaching those settings as well. Do not know if I am missing something?

[carolynmwallace]

I've had this problem too, and the only way I got around it was to open the topic in the Text Editor and set the styles on all the table cells (<td>) to border: none. (<td style="border:none">). Note that this is ON TOP OF setting the table style to border:none, etc., as was explained in previous posts.

If anyone knows a better way, please let me know...I know hacking the code is not the best way to do things.

[KGaetz]

It all looks good and I can't replicate the problem it on my system. Have you looked at the css code in the text editor or created another table stylesheet with the same settings to see if the gridlines still appear?

[LTinker68]

The settings I was referring to (spacing, border, collapsing the border) are in the Table Properties dialog, not the Table Stylesheet dialog.

[carolynmwallace]

It all looks good and I can't replicate the problem it on my system. Have you looked at the css code in the text editor or created another table stylesheet with the same settings to see if the gridlines still appear?

I don't know about JCoria, but I've tried that and it makes no difference; the gridlines still appear. And my lines are black, not gray like JCoria's. In my case, it's as if Flare is ignoring the "border:none" style in both the table and table cell settings.

It doesn't matter if I put "border:none" in the Table style sheet or make it a class in the master style sheet and apply the style to the table cells; the only thing that's worked for me is to code the style inline. This was a problem for me in Flare 2.5 and continues to be a problem in Flare 5.

And that goes for the Table Properties dialog too, Lisa. Sorry!

[LTinker68]

Ok, try this. Open the topic in the Internal Text Editor and scroll to where the table is in the topic. Look to see if there are any inline styles on the <table> tag. Inline styles override styles defined in a stylesheet, so perhaps there's something there causing a problem. I just created a table from scratch in v5 and I don't see any inline styles (hooray!), but if the table was created in a previous version of Flare and/or was imported from an outside source (FM, Word, etc.), then it may have added some inline styles.

That's the only other thing I can think of that's causing the problem. Assuming, of course, that your table is set to use the actual table stylesheet that you created and not another one that you didn't modify.

Also, if you set up a print version of the table stylesheet, make sure you're modifying the correct stylesheet. I don't use table stylesheets, so I'm not sure if it creates an entirely different table stylesheet for print or if it just adds an @media print section to the table stylesheet, but either way, make sure you're editing the correct stylesheet or medium in the stylesheet.

Oh, wait, one other thing... Make sure you don't have any border styles defined in the main topic stylesheet for the <td> tag. If you didn't specify border settings of 0 in the table properties (i.e., you left it at "not set"), then it could pick up any styles you specified for the <td> tag in the main topic stylesheet. In that case, you would specifically need to set the border size to 0 in the table properties. Or set the border to none in the main topic stylesheet.

[jcoria]

Attached is the topic viewed in the Text Editor.

Do not even see the border parameter.

The CSS in the text editor looks good as well. everything set to none.

[LTinker68]

The CSS in the text editor looks good as well. everything set to none.

You shouldn't need to do this, but if you're on a tight deadline, you could try modifying that page code and add style="border: none;" to the table tag, so it would be:

Code: Select all

<table style="width: 100%; border: none;" class="tablejuris">

You can then send your project (or a test project if you can recreate the problem) to MadCap Support to get them to troubleshoot it.

[jcoria]

Thanks again Lisa. But still a no go. I think we have a platinum SLA with Madcap. I just do not like calling for these kinds of things.

Thanks for all your assitance.

JC

[carolynmwallace]

You shouldn't need to do this, but if you're on a tight deadline, you could try modifying that page code and add style="border: none;" to the table tag, so it would be:

Code: Select all

<table style="width: 100%; border: none;" class="tablejuris">

You can then send your project (or a test project if you can recreate the problem) to MadCap Support to get them to troubleshoot it.

You have to set the border style of each <td> to style="border:none;. There seems to be some kind of default border setting for Flare <td>s that isn't affected by changing the <table> tag.

However, I have been trying to work around my own issue with the table borders and I found something that finally worked for me. I opened my "NoBorder" table style in the Text Editor and added "border: none;" to every item under /* Cell Styles: */. I don't know why I had to do that when I had already specified no borders in both the Table Properties dialog and the Table Styles Editor, though!

Anyway I hope it will work for you too, jcoria!

[jcoria]

well well well...

So thank you for the tip on the adding border:none; to each cell style line. Upon doing so, the table still....until....i created a new one right above it and wallah!

[carolynmwallace]

well well well...

So thank you for the tip on the adding border:none; to each cell style line. Upon doing so, the table still....until....i created a new one right above it and wallah!

Very weird! (Because, of course, changing the style sheet should change the look of pre-existing content.)

But I'm so glad you finally got the look you wanted! YAY!

[DurtyMat]

well well well...

So thank you for the tip on the adding border:none; to each cell style line. Upon doing so, the table still....until....i created a new one right above it and wallah!

Very weird! (Because, of course, changing the style sheet should change the look of pre-existing content.)

But I'm so glad you finally got the look you wanted! YAY!

unless you are looking at the "new" table in the topic editor, then it will always look funky even after multiple builds.

ps - couldn't the "float" property have been used on a list style to achieve the same effect? just curious, haven't really messed with it but at some point i saw layout w/o tables and it looked kind of interesante