Slides: positioning toc in left frame

Title: Message

Hello, 

 

I'm customizing the 
slides code to produce an online help system. Except for the lack of an 
hyperlinked index and search (which I hope to get to soon), I've managed to 
pretty much reproduce what WebWorks generates with its 2.0 template. However, my 
JavaScript toc is always positioned in the upper left (0,0). I need to be able 
to control it's location in the left-hand frame. The output for the toc looks 
like that below. Any ideas? 

 

ben 

 

<html>
   
<head>
      <meta 
http-equiv="Content-Type" content="text/html; 
charset=ISO-8859-1">
   
      
<title>TOC - </title>
      <link 
type="text/css" rel="stylesheet" 
href="browser/slides.css">
      <link 
type="text/css" rel="stylesheet" 
href="browser/slides.css">
      <link 
type="text/css" rel="stylesheet" href="browser/slides.css"><script 
type="text/javascript" language="JavaScript1.2" src="browser/ua.js"> 
</script><script type="text/javascript" language="JavaScript" 
src="browser/xbDOM.js"> </script><script type="text/javascript" 
language="JavaScript1.2" src="browser/xbStyle.js"> </script><script 
type="text/javascript" language="JavaScript1.2" 
src="browser/xbCollapsibleLists.js"> </script><script 
type="text/javascript" language="JavaScript" src="javascript:void(0);"> 
</script><script language="JavaScript" 
type="text/javascript">
function init() {
  var width = 250, 
height = 22;
  myList = new List(true, width, height, 
"#FFFFFF","graphics/toc/fc.gif","graphics/toc/fo.gif");
subList = new 
List(false, width, height, 
"#FFFFFF");
subList.setIndent(12);
subList.addItem('<div id="d0e9" 
class="toc-foil"><img alt="-" 
src="graphics/toc/doc.gif"></img><a href="javascript:void(0);" 
target="foil">Heading 1</a></div>');
subList.addItem('<div 
id="d0e22" class="toc-foil"><img alt="-" 
src="graphics/toc/doc.gif"></img><a href="javascript:void(0);" 
target="foil">Heading 1</a></div>');
myList.addList(subList, 
'<div id="d0e4" class="toc-section"><a href="foilgrp01.html" 
target="foil">Chapter 1</a></div>');
subList = new List(false, 
width, height, "#FFFFFF");
subList.setIndent(12);
subList.addItem('<div 
id="d0e44" class="toc-foil"><img alt="-" 
src="graphics/toc/doc.gif"></img><a href="javascript:void(0);" 
target="foil">Heading 1</a></div>');
subList.addItem('<div 
id="d0e57" class="toc-foil"><img alt="-" 
src="graphics/toc/doc.gif"></img><a href="javascript:void(0);" 
target="foil">Heading 2</a></div>');
myList.addList(subList, 
'<div id="d0e39" class="toc-section"><a href="foilgrp02.html" 
target="foil">Chapter 2</a></div>');

 

  
myList.build(0,0);
}
</script><style type="text/css">#spacer { 
position: absolute; height: 154; 
}
</style></head>
   <body 
>

 

<!--I 
want to put stuff here and have the toc appear below it!! 
-->

 

</body>
</html>