Q1 -- how can I get a set of A to Z links to show up horizontally spaced across the top of my page?
Q2 -- tips on getting rid of the (to me unwanted) extra buttons please.
Code: Select all
<!DOCTYPE html> <html><head> <title><%TITLE%></title> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="Content-Type" content="text/html; charset=<%DOCCHARSET%>" /> <meta http-equiv="content-language" content="<%XMLLANG%>" /> <meta name="robots" content="index,follow" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.tools.min.js"></script> <script type="text/javascript" src="jquery.scrollTo-min.js"></script> <link type="text/css" href="<%STYLESHEET%>" rel="stylesheet" /> <link id="tabscheme" type="text/css" href="hm_topic.css" rel="stylesheet" /> <!--[if IE 9]> <link id="iesvgcss" rel="stylesheet" type="text/css" href="hm_webhelp_svg.css" /> <![endif]--> <style type="text/css"> <HMINCLUDE:hmidx.css> </style> <script type="text/javascript"> <HMINCLUDE:hmidxinit.js> </script> </head> <body> <!-- Help & Manual Premium Pack templates by Tim Green, Copyright (c) 2011-2015, All Rights Reserved --> <ul id="topictabs" class="tabs"> <li id="indextab" class="hmtabs"><a href="#" id="indextablink" class="current"><span><%BTNTEXT_INDEXTAB%></span></a></li> </ul> <div id="hmbox"> <div id="hmidxheader"> <p class="navtitle"><%TITLE%></p> <p class="nojstitle"><a href="<%HREF_CONTENT_PAGE_DYN%>" target="_self"><%BTNTEXT_CONTENTSNOJS%></a> | <b><%BTNTEXT_INDEXTAB%></b></p> </div> <div id="hminnerbox"> <div id="idxheader"> <div id="indexRefs"> <a href="javascript:gotoIndex('#A')" class="idxrefs">A</a> <a href="javascript:gotoIndex('#B')" class="idxrefs">B</a> <a href="javascript:gotoIndex('#C')" class="idxrefs">C</a> <a href="javascript:gotoIndex('#D')" class="idxrefs">D</a> <a href="javascript:gotoIndex('#E')" class="idxrefs">E</a> <a href="javascript:gotoIndex('#F')" class="idxrefs">F</a> <a href="javascript:gotoIndex('#G')" class="idxrefs">G</a> <a href="javascript:gotoIndex('#H')" class="idxrefs">H</a> <a href="javascript:gotoIndex('#I')" class="idxrefs">I</a> <a href="javascript:gotoIndex('#J')" class="idxrefs">J</a> <a href="javascript:gotoIndex('#K')" class="idxrefs">K</a> <a href="javascript:gotoIndex('#L')" class="idxrefs">L</a> <a href="javascript:gotoIndex('#M')" class="idxrefs">M</a> <a href="javascript:gotoIndex('#N')" class="idxrefs">N</a> <a href="javascript:gotoIndex('#O')" class="idxrefs">O</a> <a href="javascript:gotoIndex('#P')" class="idxrefs">P</a> <a href="javascript:gotoIndex('#Q')" class="idxrefs">Q</a> <a href="javascript:gotoIndex('#R')" class="idxrefs">R</a> <a href="javascript:gotoIndex('#S')" class="idxrefs">S</a> <a href="javascript:gotoIndex('#T')" class="idxrefs">T</a> <a href="javascript:gotoIndex('#U')" class="idxrefs">U</a> <a href="javascript:gotoIndex('#V')" class="idxrefs">V</a> <a href="javascript:gotoIndex('#W')" class="idxrefs">W</a> <a href="javascript:gotoIndex('#X')" class="idxrefs">X</a> <a href="javascript:gotoIndex('#Y')" class="idxrefs">Y</a> <a href="javascript:gotoIndex('#Z')" class="idxrefs">Z</a> <div id="callout-wrap"> <div id="callout"> </div> </div> <form id="searchForm" style="margin-top: 2px; margin-bottom: 2px;"> <input type="text" name="idxSearch" size="20" value="" id="idxSearch" /> <button type="button" onclick="indexSearch();" title="<%BTNTEXT_INDEXSEARCHTIP%>"><%BTNTEXT_INDEXSEARCH%></button> <label><input type="checkbox" id="instantsearch" name="instantsearch" checked value="<%BTNTEXT_KWINSTANTSEARCH%>"><span class="searchopts"><%BTNTEXT_KWINSTANTSEARCH%></span></label> <label><input type="radio" id="startsearch" name="fullsearch" checked value="<%BTNTEXT_INDEXFIRSTSEARCH%>"><span class="searchopts"><%BTNTEXT_INDEXFIRSTSEARCH%></span></label> <label><input type="radio" id="wordsearch" name="fullsearch" value="<%BTNTEXT_INDEXWORDSEARCH%>"><span class="searchopts"><%BTNTEXT_INDEXWORDSEARCH%></span></label> <label><input type="radio" id="fullsearch" name="fullsearch" value="<%BTNTEXT_INDEXFULLSEARCH%>"><span class="searchopts"><%BTNTEXT_INDEXFULLSEARCH%></span></label> </form> </div> </div> <div id="idxbody"> <!-- Place holder for the keyword index - this variable is REQUIRED! --> <%KEYWORD_INDEX%> </div> <!-- idxbody --> </div><!-- hminnerbox --> </div><!-- hmbox --> <script type="text/javascript"> $(document).ready(function() { // Close popups when clicked so they are not orphaned $("span.idxlink").click(function() { setTimeout(function(){hmhideLinks();},500)}); }); </script> </body> </html>