Padding-left added to images Printed documentation Word 2003
Padding-left added to images Printed documentation Word 2003
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,
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
-
- 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
Try setting the margin-left property instead. Also, make sure your body tag doesn't have any margin-left settings applied to it.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.
Lisa
Eagles may soar, but weasels aren't sucked into jet engines.
Warning! Loose nut behind the keyboard.
Re: Padding-left added to images in printed doc
Unfortunately, I've tried changing both the padding-left and margin-left values to \"0\" but I still get the images indented.
In the WebHelp, the image displays properly:
The Editor currently displays it like this:
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?It's possible the images are taking on the list formatting in Word, which adds a left indent.
In the WebHelp, the image displays properly:
The Editor currently displays it like this:
bash7012
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.
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.
Lisa
Eagles may soar, but weasels aren't sucked into jet engines.
Warning! Loose nut behind the keyboard.
-
- Senior Propellus Maximus
- Posts: 2089
- 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).
- Contact:
Padding left and images in a list
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.
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.
Steve
Life's too short for bad coffee, bad chocolate, and bad red wine.
Re: Padding left and images in a list
Hi Steve and Lisa,
Thanks, I think I'll give closing off the list and starting a new one after the image a try.
Kind regards,
Thanks, I think I'll give closing off the list and starting a new one after the image a try.
Kind regards,
bash7012
-
- 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
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.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.
Until next time....
Kevin Amery
Certified MAD for Flare
Kevin Amery
Certified MAD for Flare
Re: Padding left and images in a list
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.
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
Re: Padding-left added to images Printed documentation Word 2003
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
}
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
}
-
- Senior Propellus Maximus
- Posts: 2089
- 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).
- Contact:
Re: Padding-left added to images Printed documentation Word 2003
Hi Yang,
Welcome to the forums! And thank you for contributing.
Welcome to the forums! And thank you for contributing.
Steve
Life's too short for bad coffee, bad chocolate, and bad red wine.
Re: Padding-left added to images Printed documentation Word 2003
Thanks Yang
I'll remember that for my next project.
Kind regards,
I'll remember that for my next project.
Kind regards,
bash7012