Image format not working automatically when linking to Frame files

[JayHBar]

I have a project in RoboHelp that has linked Frame files. I've fiddled with the settings until I can update and publish without having to make any changes to most of the RoboHelp project's files. However, there is a problem with the images. My group's standard is to center the images. All the settings are set for that. However, they are left-aligned in the generated CHM file, unless I double click one image in each topic to open the Image Properties box, make NO changes, and click OK to close the Image Properties box. I've checked the HTML code before and after doing this, and there is no change, but then all the images in each topic that I did this to will appear centered in the generated CHM file. Since I have about 100+ graphics in this project, it would be nice if I could get the settings to take effect without having to go through this exercise. Anyone know how to make RoboHelp recognize the settings without having to touch an image in each topic in the project?

[Jeff_Coatsworth]

My first instinct would be to ask if the images are attached to some style - then maybe you could fiddle with the alignment in the CSS for that style. I don't currently have any images in any of my FM to RH projects, so I don't know if this works or not.

[JayHBar]

Thanks for answering. Yes, the images are attached to a style, but it is set for centered. As I mentioned, I only need to open the properties for ONE image in a topic and click OK for ALL the images in that topic to start working properly. I don't need to actually change anything. It's as though RH doesn't recognize that it's supposed to center them until I remind it.

[Jeff_Coatsworth]

So, it's messed up if you just generate help, but it's ok if you "pseudo-edit" a topic & then generate? If that's the case, I'd think I'd be looking at the CSS controlling how it looks when generated. The RH topic editor isn't 100% accurate on how something's going to look.

[Matt S - Tech Comm Tools]

It sounds like the CSS has some context-based settings that are formatting the image.

If you view the CSS as a text file, you can search for the tag to see if there are multiple CSS entries at work. Try commenting out any that seem odd to see if that fixes your problem.

(or, if that doesn't make sense, go buy lunch for your "web expert" and have them do the above!)

Can you post the html for the image?

-Matt

@mattrsullivan

[JayHBar]

Sure, here is the HTML code for one of the images. All the images I've checked, working or not, have identical code except of course the reference to the image file. 

<div style="text-align: center;">

<img alt="SSI_User_Manual_Chapter0200004.png" id="image4" src="SSI_User_Manual_Chapter0200004.png"

   style="margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;"

   width="494" height="331" border="0" />

</div>

I searched the CSS and do not find duplicate entries. Perhaps the <div style="text-align: center;"> is a problem? I believe that RH is adding that because the graphics were centered in FrameMaker. It is not in my CSS.

[Matt S - Tech Comm Tools]

hmm, so the <div> center looks to be overwritten by the <image> left

I've forwarded to Adobe's RoboAsh (Ashish Gupta) but they're likely gone for the weekend.

I've had luck fiddling with the Anchored Frame options in FM to get what I want. I can't recall what my settings were, but Below Current Line, and Centered/Left/Right always seem to have worked for me.

-Matt

@mattrsullivan