Padding-left added to images Printed documentation Word 2003

This forum is for all Flare issues related to PDF, eBook, Microsoft Word, Adobe FrameMaker, XPS, and XHTML book targets.

Padding-left added to images Printed documentation Word 2003

Postby bash7012 on Mon Jul 23, 2007 6:11 am

Hi all,

When I generate my printed documentation, images in my numbered and bulleted lists appear with extra padding on the left that does not display in the GUI editor or when I generate the project as webhelp.

I've tried setting the padding-left value of the default.css print medium to 0 but it does not seem to have any effect.

Does anyone have any suggestions?

Thanks and kind regards,
bash7012
bash7012
Propeller Head
 
Posts: 30
Joined: Tue Mar 14, 2006 3:43 am

Postby KevinDAmery on Mon Jul 23, 2007 6:49 am

It's possible the images are taking on the list formatting in Word, which adds a left indent.
Until next time....
Image
Kevin Amery
Certified MAD for Flare
KevinDAmery
Propellus Maximus
 
Posts: 1985
Joined: Tue Jan 23, 2007 8:18 am
Location: Darn, I knew I was around here somewhere...

Re: Padding-left added to images Printed documentation Word

Postby LTinker68 on Mon Jul 23, 2007 8:13 am

bash7012 wrote:I've tried setting the padding-left value of the default.css print medium to 0 but it does not seem to have any effect.

Try setting the margin-left property instead. Also, make sure your body tag doesn't have any margin-left settings applied to it.
Image

Lisa
Eagles may soar, but weasels aren't sucked into jet engines.
Warning! Loose nut behind the keyboard.
LTinker68
Master Propellus Maximus
 
Posts: 7245
Joined: Thu Feb 16, 2006 9:38 pm

Re: Padding-left added to images in printed doc

Postby bash7012 on Tue Jul 24, 2007 2:24 am

Unfortunately, I've tried changing both the padding-left and margin-left values to \"0\" but I still get the images indented.

It's possible the images are taking on the list formatting in Word, which adds a left indent.


If the images are taking on the list formatting in Word, wouldn't they be in line with the text in the same listed item instead of like this?

Image

In the WebHelp, the image displays properly:

Image

The Editor currently displays it like this:

Image
bash7012
bash7012
Propeller Head
 
Posts: 30
Joined: Tue Mar 14, 2006 3:43 am

Postby LTinker68 on Tue Jul 24, 2007 8:13 am

In your stylesheet in the print section (you might have to open in Internal Text Editor to see it clearly), look to see if you have a complex selector set up for paragraphs inside lists. It will appear as li p in the stylesheet. See if that specifies a left margin or padding. It might also appear as ol li p or ul li p, but it's probably just li p.

Also, as a test, at the end of a list item, try holding SHIFT and pressing ENTER at the same time to enter a soft break (<br \\> instead of a hard break (</p>). Do it again if you want extra space. Insert your image and recompile the print output. I'm curious if that behaves the same way.
Image

Lisa
Eagles may soar, but weasels aren't sucked into jet engines.
Warning! Loose nut behind the keyboard.
LTinker68
Master Propellus Maximus
 
Posts: 7245
Joined: Thu Feb 16, 2006 9:38 pm

Padding left and images in a list

Postby SteveS on Tue Jul 24, 2007 4:00 pm

Are your images inside the <ol> tags?

When I use images in that way I close off the list, insert an image, and then start a new list (with the numbering continued from the previous list). Working this way seemed to give me the greatest control when exporting to Word.

I normally insert the image into a styled paragraph (p.image; original, huh?) which I've set up as centre justified, but you caould do whatever you preferred.

Another advantage with this approach is you can add captions or descriptive paragraphs (styled accordingly - p.caption) without getting format issues from them when theyt get exported as well.
Image
Steve
Life's too short for bad coffee, bad chocolate, and bad red wine.
SteveS
Senior Propellus Maximus
 
Posts: 2015
Joined: Tue Mar 07, 2006 5:06 pm
Location: Adelaide, far side of the world ( 34°56'0.78\"S 138°46'44.28\"E).

Re: Padding left and images in a list

Postby bash7012 on Wed Jul 25, 2007 12:01 am

Hi Steve and Lisa,

Thanks, I think I'll give closing off the list and starting a new one after the image a try.

:D

Kind regards,
bash7012
bash7012
Propeller Head
 
Posts: 30
Joined: Tue Mar 14, 2006 3:43 am

Re: Padding left and images in a list

Postby KevinDAmery on Wed Jul 25, 2007 5:26 am

SteveS wrote:Are your images inside the <ol> tags?

When I use images in that way I close off the list, insert an image, and then start a new list (with the numbering continued from the previous list). Working this way seemed to give me the greatest control when exporting to Word.

I normally insert the image into a styled paragraph (p.image; original, huh?) which I've set up as centre justified, but you caould do whatever you preferred.

Another advantage with this approach is you can add captions or descriptive paragraphs (styled accordingly - p.caption) without getting format issues from them when theyt get exported as well.


I do something similar when I need to add a second paragraph to a list element. I have a P class that has the same styles and padding as LI, but does not have numbering or bullets. Usually I use it for text, but I've also applied it to images on occasion.
Until next time....
Image
Kevin Amery
Certified MAD for Flare
KevinDAmery
Propellus Maximus
 
Posts: 1985
Joined: Tue Jan 23, 2007 8:18 am
Location: Darn, I knew I was around here somewhere...

Re: Padding left and images in a list

Postby bash7012 on Thu Jul 26, 2007 5:43 am

Thanks so much everyone.

I've closed off the numbered list before the images, re-opened them after the images and created a p.list class with the same padding as LI to ensure consistent alignment in the Printed documentation and online :)

Thanks again.
bash7012
bash7012
Propeller Head
 
Posts: 30
Joined: Tue Mar 14, 2006 3:43 am

Re: Padding-left added to images Printed documentation Word 2003

Postby yanglu on Mon May 12, 2008 12:21 pm

I have the exact same problem. I assume this is a bug in Flare. I'd like to contribute another simpler workarround.

You can edit the print media section in your style sheet and add something like this to compensate the position (I do not have access to Flare at this moment, so the css syntax could be a bit wrong):

li p
{
margin-left: -0.24in
}
yanglu
Jr. Propeller Head
 
Posts: 6
Joined: Sun May 11, 2008 8:16 pm

Re: Padding-left added to images Printed documentation Word 2003

Postby SteveS on Mon May 12, 2008 3:37 pm

Hi Yang,

Welcome to the forums! And thank you for contributing. :D
Image
Steve
Life's too short for bad coffee, bad chocolate, and bad red wine.
SteveS
Senior Propellus Maximus
 
Posts: 2015
Joined: Tue Mar 07, 2006 5:06 pm
Location: Adelaide, far side of the world ( 34°56'0.78\"S 138°46'44.28\"E).

Re: Padding-left added to images Printed documentation Word 2003

Postby bash7012 on Wed May 14, 2008 12:28 am

Thanks Yang :D

I'll remember that for my next project.

Kind regards,
bash7012
bash7012
Propeller Head
 
Posts: 30
Joined: Tue Mar 14, 2006 3:43 am


Return to Printed Documentation Targets

Who is online

Users browsing this forum: No registered users and 3 guests