Topic navigation squished up

Please post all questions and comments regarding Help & Manual 7 here.

Moderators: Alexander Halser, Tim Green

Post Reply
Lamda Wade
Posts: 5
Joined: Tue Oct 24, 2017 3:00 pm

Topic navigation squished up

Unread post by Lamda Wade »

Somehow I managed to squish the topic navigation buttons in my webhelp template.
The template is a modified version of Webhelp responsive blue.

How can I fix this?

thank you!
Lamda
You do not have the required permissions to view the files attached to this post.
User avatar
Tim Green
Site Admin
Posts: 23154
Joined: Mon Jun 24, 2002 9:11 am
Location: Bruehl, Germany
Contact:

Re: Topic navigation squished up

Unread post by Tim Green »

Hi Lamda,

This will be caused by changes to the CSS for the #idnav table cell and its contents in the HTML page template in Confuguration > HTML Page Templates > Default in the skin. My guess is that you have adjusted the background position settings for the navigation buttons. Here are the original settings if you need them:

Code: Select all

       #idnav span.hmbtnprev { background-position: 0 -32px }
      #idnav span.hmbtnnext { background-position: -24px -32px }
      #idnav span.hmbtntop  { background-position: -48px -32px }
      #idnav span.hmbtntoggle  { width: 20px; background-position: -70px -32px }
      #idnav span.hmbtnprint  { background-position: -88px -32px }
Or you may have done something with the padding, positioning or margins of the cell itself, which is controlled by this piece of original CSS:

Code: Select all

#idnav {
        text-align: right;
        width: <IF_PRINT_BUTTON>158px</IF_PRINT_BUTTON><IFNOT_PRINT_BUTTON>126px</IFNOT_PRINT_BUTTON>;
        vertical-align: middle;        
      } 
Regards,
Tim (EC Software Documentation & User Support)

Private support:
Please do not email or PM me with private support requests -- post to the forum directly.
Lamda Wade
Posts: 5
Joined: Tue Oct 24, 2017 3:00 pm

Re: Topic navigation squished up

Unread post by Lamda Wade »

Thank you very much, Tim.

You put me on the right track. I found the solution in the default template here (I had the width set to 15. Changing it to 20 did the trick):

#idnav span {
display: inline-block;
width: 20px;
height: 24px;
margin-left: 4px;
background:url('<%SKIN-ICONS-DISABLED%>') top left no-repeat;
Post Reply