Inspiring

Question

Trademark Symbols Appear as Question Mark and Header Background Not Showing in Output

Forum|Forum|1 year ago
October 8, 2024
12 replies
1167 views

Upgraded projects from RH2019 to 2022. Outside of formatting corrections, Trademark symbols are not displaying correctly in output nor is header background set in topic layout displaying.

The TM symbol displays properly inside the project, as does the background of the header. When outputting to a MSoft Html help file (chm), neither of these are displaying properly.

This topic has been closed for replies.

Peter Grainge

Community Expert

That looks like the pink logo you sent me. It works the same without the table or background. What difference am I missing?

________________________________________________________
My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

Use menu (bottom right) to mark as Best Answer or to Highlight particularly useful replies. Found the answer elsewhere? Share it here.

Peter Grainge

Community Expert

So only the company logo appears. In that case you don't need any table or background. Just the logo in the header looks the same.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

Use menu (bottom right) to mark as Best Answer or to Highlight particularly useful replies. Found the answer elsewhere? Share it here.

D

drew_3566Author

Inspiring

With the new logo, correct. It satisifies the end goal.

Peter Grainge

Community Expert

Revised reply.

I don't follow. You had two issues, the border around tables and the background image. The table code works in a topic layout but so far there is no fix for the repeating image in a topic layout. They work directly in topics but not in topic layouts. That has been referred to Adobe.

You seem to be saying both issues are fixed.

BTW. If you do mass insert the fix into topics, the path to the image will need to change if the topics are at different folder levels. You can amend topics by folder to work around that.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

Use menu (bottom right) to mark as Best Answer or to Highlight particularly useful replies. Found the answer elsewhere? Share it here.

D

drew_3566Author

Inspiring

Sorry for the confusion; I was able to get a no-border style applied to the layout page with your code above. I wasn't able to resolve the repeating background image problem, but I was able to get around it by inserting a basic image with a white background into the table and leaving the remain space unused, where the previous logo had a shaded background that needed to fill in the empty space. I simply set a solid border on the table for separation. Example below.
New:

Old:

Peter Grainge

Community Expert

There is a definite break in 2022 at least.

I created a new topic layout and added a background image only. That works in preview. As soon as I added your logo, the background disappeared.

If I add a table above the topic header, I can insert both your logo and background image and it works. At first I was inclined to think this was a CHM break but it's the same in frameless. I have asked Adobe to confirm it is a break and if there is any workaround using a topic layout.

If not, I am sorry but the only answer seems to be to add a no border table above the topic header and use that. You could mass insert it using <body> as the find and <body> followed by the table code as the replace. The same method can be used to remove it when the issue is fixed.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

Use menu (bottom right) to mark as Best Answer or to Highlight particularly useful replies. Found the answer elsewhere? Share it here.

D

drew_3566Author

Inspiring

Thank you for your help. I went ahead with inserting into a table cell and was able to get the no-border style to apply. This satisfied what I needed done.

Peter Grainge

Community Expert

OK. Please send a similar demo in 2017 so that I can see where it is breaking.

The big difference in the new versions is that are strictly CSS 3 and HTML5 compliant. It may be that what worked before wasn't.

________________________________________________________
My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

Use menu (bottom right) to mark as Best Answer or to Highlight particularly useful replies. Found the answer elsewhere? Share it here.

D

drew_3566Author

Inspiring

Unfortunately, I can't access 2017 any longer as Adobe revoked the license this year. I can send you the original project file and a copy of an old CHM, if that will work?

Peter Grainge

Community Expert

Yes. Send same way as before.

________________________________________________________
My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

Use menu (bottom right) to mark as Best Answer or to Highlight particularly useful replies. Found the answer elsewhere? Share it here.

Peter Grainge

Community Expert

Please confirm the earlier version that worked in. Was it 2019 Classic or 2019 new UI?

________________________________________________________
My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

Use menu (bottom right) to mark as Best Answer or to Highlight particularly useful replies. Found the answer elsewhere? Share it here.

D

drew_3566Author

Inspiring

Actually, I misspoke there. It was RH 2017. Sorry for the confusion.

Peter Grainge

Community Expert

I haven't heard from Adobe as to why my code would work in a topic but not a topic layout. However, I have found some different code that works in the topic layout.

table.border-none {
border-collapse: collapse;
border: none;
}

table.border-none td, table th {
border: none;
}

Add that to your CSS, apply the CSS to your topic layout, select the topic layout table breadcrumb and select that style in the right hand styles pod.

This is a chm I generated with the image deliberately blurred.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

Use menu (bottom right) to mark as Best Answer or to Highlight particularly useful replies. Found the answer elsewhere? Share it here.

Peter Grainge

Community Expert

The Image Issue

The image has been applied as a background image. I have inserted it as a simple image and that works. Did you intend it to be a background image? That seems unlikely for a company logo.

The Border Issue

I have referred this one to Adobe. In my CSS I have a style table.border-none that works perfectly in topics. I applied a CSS stylesheet to the topic layout, selected the table breadcrumb and applied the style. Initially the borders were no longer visible but take focus somewhere else and they came back, even though the style is applied. I have asked Adobe to check this and will post back.

table.border-none {

border-collapse: collapse;

}

table.border-none td {

padding-top: 2px;

padding-right: 4px;

padding-bottom: 2px;

padding-left: 4px;

border-width: 1px;

border-style: solid;

border-color: var(--borderonly-theme-color);

}

table.border-none th {

padding-top: 2px;

padding-right: 4px;

padding-bottom: 2px;

padding-left: 4px;

border-width: 1px;

border-style: solid;

border-color: var(--borderonly-theme-color);

}

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

Use menu (bottom right) to mark as Best Answer or to Highlight particularly useful replies. Found the answer elsewhere? Share it here.

D

drew_3566Author

Inspiring

It does need to be a background image. There is another image set to repeating on the x axis in a second column so that it can fill in the space as the window size is changed. Setting it as an inserted image works, however it doesn't fill in the space with a maximized window.

Peter Grainge

Community Expert

On the background issue, create a new project with just a couple of dummy topics. Reproduce the issue there and see the Contact page on my site. Send the project as instructed there. Do make sure you include a link to this thread and please do not email the project direct.

________________________________________________________

My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

Use menu (bottom right) to mark as Best Answer or to Highlight particularly useful replies. Found the answer elsewhere? Share it here.

D

drew_3566Author

Inspiring

Email and files sent via wetransfer.

Peter Grainge

Community Expert

I will look in the morning.

________________________________________________________
My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

Use menu (bottom right) to mark as Best Answer or to Highlight particularly useful replies. Found the answer elsewhere? Share it here.

Peter Grainge

Community Expert

Let me know if you don't get any reply.

________________________________________________________
My site www.grainge.org includes many free Authoring and RoboHelp resources that may be of help.

Use menu (bottom right) to mark as Best Answer or to Highlight particularly useful replies. Found the answer elsewhere? Share it here.

D

drew_3566Author

Inspiring

No reply yet, but the trademark issue seems to have been resolved by deleting and reapplying the stylesheet. I can't say for certain that resolved the issue, but that's the only change that was made to the project. The issue of the header / footer persists.

Show more replies

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded