Rh2015 Image styles won't apply

10 replies
773 views
Translate

Hi again,

I've successfully pulled my projects into RH2015, but my image styles won't apply. So I copied my CSS from RH11 and used it in RH2015. The image styles are in the CSS, but I cannot apply them to any new images I bring in, and when I generate, a 'P' style is being applied to all my images. All the rest of the styles seem to be applying just fine. This is how it appears when I inspect:

As a side question, when I am using RH2015 with the styles and formatting pod open, this pod constantly flashes whenever I do something in Design Editor. How do I get it to stop doing that... it's annoying when I'm working.

Thanks,

Pam

HTML5 layout

This topic is closed to new replies. Start a new post to keep the conversation going.

Captiv8r

Legend

Hi Pam

Out of curiosity, what are the attributes you apply to images using CSS?

Thanks... Rick

Translate

Auntie_Em-PamAuthor

Known Participant

Rick,

I've checked the images styles several times and they all seem to be in order. none was selected for Media on all images styles; they are all in the same CSS; this CSS worked in RH11, it is only the image styles that now will not work.

I tried copying the CSS again from RH11 and put it into RH2015 - image styles still don't work, they seem to be wrapped in a <p> style and we can't figure out why. If you want, I can send you the CSS in its entirety, but that seems pointless since everything worked fine in RH11 (and yes, I always select the image before I apply the style). Thanks again.

Images styles from my CSS:

img.Image_indent_for_bullet_left {
margin-left: 36px;
margin-top: 6px;
margin-bottom: 3px;
}
@media only screen and (min-width: 1024px) and (max-width: 99999px){
img.Image_indent_for_bullet_left {
margin-bottom: 3px;
margin-left: 36px;
margin-top: 6px;
}
}

img.Image_indent_for_abc_indent {
margin-top: 6px;
margin-left: 69px;
margin-bottom: 6px;
}
@media only screen and (min-width: 1024px) and (max-width: 99999px){
img.Image_indent_for_abc_indent {
margin-left: 69px;
margin-bottom: 6px;
margin-top: 6px;
}
}

img.Image_left_with_spacing {
margin-left: 0px;
margin-top: 6px;
margin-bottom: 10px;
}
@media only screen and (min-width: 1024px) and (max-width: 99999px){
img.Image_left_with_spacing {
margin-top: 6px;
margin-left: 0px;
margin-bottom: 10px;

@media only print{
img.Images {
margin-top: 8px;
margin-bottom: 6px;
margin-left: 34px;
}
}

@media only screen and (min-width: 200px) and (max-width: 320px){
img.Images {
margin-top: 8px;
margin-bottom: 6px;
margin-left: 34px;
}
}

@media only screen and (min-width: 400px) and (max-width: 1280px){
img.Images {
margin-top: 8px;
margin-bottom: 6px;
margin-left: 34px;

Translate

Peter Grainge

Community Expert

Are you selecting the image first? I just tested RoboHelp 2015 and it worked as expected.

Re the flashing, please report it as a bug as it is a known issue. Please follow this link and report it as a bug. The more people who do, the more likely it is to get investigated. You can also use the link to request new features.

https://bugbase.adobe.com/index.cfm

See www.grainge.org for RoboHelp and Authoring information