Skip to main content
L
LonTheWriter
Inspiring
June 2, 2015
Question

What is the problem with my View Selected Item option?

  • June 2, 2015
  • 2 replies
  • 390 views

First of all, thanks to everyone who offered suggestions to help with my bullet-spacing problem; I think I've got it solved.

However, when I view said bulleted items using the View Selected Item button, the bulleted items appear far more indented than they are in the compiled version. The compiled version actually resembles what I see in the workspace. For what it's worth, here's the HTML:

 

<p class="WD_BodyText">There is some text here:</p>

<ul style="list-style: square;">

                <ul style="list-style: square;">

                                <li><p class="WD_Normal" style="margin-left: 5px; margin-top: 0px;

                                                                 margin-bottom: 6px;">Indented text here...

This topic has been closed for replies.

2 replies

Peter Grainge
Community Expert
Peter GraingeCommunity Expert
Community Expert
June 3, 2015

Two things here. First the appearance of lists will vary in different browsers, you have to settle for something that is acceptable in the browsers you most want to support. Second, your styles include WD_***. That suggests a Word import. Try removing the class to see if that helps.

See www.grainge.org for RoboHelp and Authoring tips

@petergrainge

Use the menu (bottom right) to mark the Best Answer or Highlight particularly useful replies. Found the answer elsewhere? Share it here.
Willam van Weelden
Willam van Weelden
Inspiring
June 3, 2015

Just to add, the HTML is invalid. The correct structure should be:

<ul>

  <li>Level 1

     <ul>

        <li>Level 2</li>

     </ul>

  </li>

</ul>

Jeff_Coatsworth
Community Expert
Jeff_CoatsworthCommunity Expert
Community Expert
June 3, 2015

I’m also thinking that the HTML looks like it’s got inline CSS formatting – but I could be mistaken

A
Community Expert
AmebrCommunity Expert
Community Expert
June 3, 2015

I've noticed that preview doesn't include styles configured in the screen layout/skin (multiscreen HTML5 for me), which makes sense as you might have different layouts for different outputs, and this isn't displayed in the preview. So there might be some styles configured there which affect the compiled output.

For example, in my preview, the first digit of double-digit numbered lists fall off the left side of my preview, but display the correct distance from the edge of the topic area because of the margins and padding defined in my screen layout.

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