Box padding/alignment to text or vice versa

Question

 Hi, 

I'm having a right issue with this. I'm having a problem with just having a filled box having equal padding on the top and bottom.

• Have set the text box to have a fill and inset spacing of 24px - I end up with a result of the bullets not rendering properly and still 
• Have set the text box to have a fill, no inset spacing but an outside stroke - I end up with a odd line around the text frame.
• Have created a separate box behind the text frame, and used other empty frames to set spacing of equal size 
• Have created a separate box behind the text frame, and used other frames to set the spacing, this time with the bottom being a larger height. 
• Have tried grouping the box and assets together 

I have tried multiple work arounds with this and all I want to do is have a text frame, with a fill, rounded corners, and equal padding. 

Settings wise, the document is being exported with text rendering as HTML+ local font and I've tried HTML + websafe. The font used in the document is open sans - which is provided in the CSS from google fonts. 

Padding at the bottom isn't the same

Normal box in indesign

Rendering wrong and the padding is off

There are about 20-30ish pages with this similar layout, each with different amounts of text,so I could do with something I can control with a style. I know there are options to have text rendered as image and or convert the bullets to text (which in itself is a nightmare because tabs do not work??). Unfortunately these are not solutions as this document needs to be accessible.

Any solutions for this?

Many thanks,

Tom

Comments

FYI I have also just tried installing googles fonts 'Open Sans' (OTF) and using that rather than Adobe's version of Open Sans and I have the same result.

Tom

Answer 1

First, check that you're using the latest version of in5. The current version is v3.8.24. You can check your version by going to in5 > Info and Updates... and checking the version number in the upper right of the in5 - Info & Updates dialog that opens. If it's an earlier version, try downloading the latest version, installing it, and re-exporting your content.

It's possible that the issue with the formatting is due to style overrides. You can view them in your InDesign layout by going to the Character Styles panel menu or the Paragraph Styles panel menu and selecting Toggle Style Override Highlighter. When that option is enabled, text that is formatted with overrides to the styles appear highlighted in cyan. Here is a video that shows how to clear the style overrides.

If you do export with Text Rendering set to either HTML with Local Font Embedding or HTML with Web-Safe Fallback Fonts, then in5 uses the Character, Paragraph, and Object Styles to create the CSS. If there are overrides, then in5 goes through a series of checks to try to "guess" what the style should be. These overrides can cause unintended results. So if you'd like to export with HTML text and the HTML text styles aren't rendering as expected, clear any style overrides. Here's more information on Text Rendering.

For the bullets, I would recommend converting the bullets to text. Select the affected text and go to Type > Bulleted and Numbered Lists > Convert Bullets to Text. ​Text Wrap only works under certain conditions with live text in HTML. Here's a video with more information.

If you're still having issues, then please email us at support@ajarproductions.com.