Skip to main content
Mark Southee
Mark Southee
Inspiring
August 18, 2011
Question

ePub output - bulleted lists mangled RH9

  • August 18, 2011
  • 14 replies
  • 4023 views

I was pleasantly surprised when doing an investigation in to outputting to ePub format, that everything seemed to be transformed quite nicely, even my tables, which according to what I read don't get handled too well by the ePub output.

But (there's always a but!), as seems invevitable, bulleted lists don't work, with the bullet appearing in the text, as below.

All lists in my project are affected. As this is a linked FrameMaker project which normally outputs to WebHelp, is there anything I can to to change this?

Mark

This topic is closed to new replies. Start a new post to keep the conversation going.

14 replies

Willam van Weelden
Willam van Weelden
Inspiring
August 18, 2011

Hi,

My guess is that this is a css issue. Try the following:

1. Make sure that your bulleted lists are converted to HTML lists on import/generation.

2. Add the following line of code to your css files:

ul { list-style-position: outside; }

If this doesn't work, please post the HTML of one of those lists so I can take a look.

Greet,

Willam

Mark Southee
Mark SoutheeAuthor
Inspiring
September 7, 2011

Hi Willam,

Been on holiday and just caught up with this!

My lists are converted to HTML lists.

I added the linde to my css file, but no change.

Below is HTML from a file

<body>

<p class="Title">Getting Started</p>

<p class="FM_Body">This section describes how to access ICM and describes

the functionality and navigation around the system.</p>

<ul type="disc">

<li><p class="FM_Bulleted"><a href="System_Requirements.htm#XREF_98462_System_Requirements">System

Requirements</a></p></li>

<li><p class="FM_Bulleted"><a href="Log_in_to_ICM.htm#XREF_85581_Log_in_to_ICM">Log

in to ICM</a></p></li>

<li><p class="FM_Bulleted"><a href="Layouts.htm#XREF_77140_Layouts">Layouts</a></p></li>

<li><p class="FM_Bulleted"><a href="Menus.htm#XREF_14919_Menus">Menus</a></p></li>

<li><p class="FM_Bulleted"><a href="Create_a_Custom_Layout.htm#XREF_75406_Create_a_Custom">Create

a Custom Layout</a></p></li>

</ul>

</body>

Cheers

Mark

Willam van Weelden
Willam van Weelden
Inspiring
September 7, 2011

Hi,

This is probably caused by a paragraph with a negative indent. The strange thing is that you should also experience the same problem with WebHelp.

Check your CSS file and search for p.FM_Bulleted. Does this style have a negative indent such as margin-left: -20px?

If you can't find the style, please post your css and I'll take a look.

Greet,

Willam

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices