• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

Centering the text in the Main Body

Explorer ,
Apr 06, 2017 Apr 06, 2017

Copy link to clipboard

Copied

Greetings!

I'm starting to get a handle on the HTML5 layouts, but there's something that irks me. When the window is opened full-screen, the text gets splayed out across the entire width and it looks really fugly. I would prefer that the text be restricted to a certain width and appear in the middle of the Body page. For an example of what I mean, take a look at this: Particle Guides | Connecting over USB or see below:

Is this a Master Page issue, or do I need to define the left/right margins for all the paragraph tags in play (presumably in RHStyleMapping.css)? Is there a way to define a page size within the Body frame that restricts the text layout so that it doesn't go rampaging across the width of a maximized window?

Views

366

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 07, 2017 Apr 07, 2017

Copy link to clipboard

Copied

I think it must be something to do with your styles & css - I'm not getting that effect. Try running one of the sample projects and see if you get the same centering effect happening on that project.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 07, 2017 Apr 07, 2017

Copy link to clipboard

Copied

Grab some coffee Jeff. What is shown above is what is wanted, not what is being displayed and you will not get that from the sample projects.

Probably the easiest way is to apply a left margin and right margin to the body tag in your CSS.


See www.grainge.org for RoboHelp and Authoring information

@petergrainge

Help others by clicking Correct Answer if the question is answered. Found the answer elsewhere? Share it here. "Upvote" is for useful posts.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 07, 2017 Apr 07, 2017

Copy link to clipboard

Copied

LATEST

LOL - missed that bit completely!

coffee_mug.PNG

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
RoboHelp Documentation
Download Adobe RoboHelp