Need help with WebHelp skins - top nav button padding

Question

RH8 HTML
hi all
I'm working on a csutom skin for a client, and I'm running into a couple prioblems.
The top nav area, Contents, Index etc etc has been made but between the buttons I get spacing. All around them infact, above, below and between. The main issue is the spacing between the buttons, its causing me problem because the buttons when all joined have a banner of text reading across them, with this spacing it of course looks broken and seperated.. Im sure I've taken it out before, but I cant seem to do it.
Any help greatly appreciated!!!
~Nick

Answer 1

Hi,
There are two approaches. You'll have to check which one works for you:
1. position the buttons only
2. position the entire table with the buttons.
1. If you only position the buttons, you’ll leave the rest of the rendering intact. Open whtbar.js and go to line 278, the function getImage. On line 290 there’s a line sI+=”border=0 align=\”absmiddle\”>”;. Replace this line with:
      sI+=" border=0 align=\"absmiddle\" ";
      if(gbIE == false)//Not Internet Explorer
            sI+="style=\"position: relative; top: -1px; ";
      sI+=">";
Replace the value -1px until it renders correct.
2. The second option is to completely move the table. In whtbar.js, go to line 148, the function writeStyle. On line 247, replace sStyle+="margin:2px;}\n"; with:
sStyle+="margin:2px;";
      if(gbIE == false)//Not Internet Explorer
            sStyle+="position: relative; top: -1px;";
      sStyle+="}\n";
Two notes:
·         Both modifications target all browsers other than Internet Explorer. To target specific browsers, check the variables you can use in whver.js.
·         Changing either one of these functions will also change the minibar! So double check for the desired result! Hope this helps.
Greet,
Willam
This e-mail is personal. For our full disclaimer, please visit www.centric.eu/disclaimer.