Highlighted

Centering the text in the Main Body

Explorer ,
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?

TOPICS
HTML5 layout

Views

222

Likes

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

Centering the text in the Main Body

Explorer ,
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?

TOPICS
HTML5 layout

Views

223

Likes

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
Apr 06, 2017 0
Adobe Community Professional ,
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.

Likes

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
Reply
Loading...
Apr 07, 2017 0
Adobe Community Professional ,
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

www.grainge.org for free RoboHelp & Authoring info. Use the blue Reply button at the top to help me help you.
The black Reply link nests replies and they sort out of order.

Likes

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
Reply
Loading...
Apr 07, 2017 0
Adobe Community Professional ,
Apr 07, 2017

Copy link to clipboard

Copied

LOL - missed that bit completely!

coffee_mug.PNG

Likes

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
Reply
Loading...
Apr 07, 2017 1