-----Original Message-----
From: Ben Rogers
Sent: Friday, October 24, 2003 9:43 AM
To:
'docbook-apps@lists.oasis-open.org'
Subject: Slides: positioning toc
in left frame
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="">
<link
type="text/css" rel="stylesheet"
href="">
<link
type="text/css" rel="stylesheet" href=""><script
type="text/_javascript_" language="_javascript_1.2" src="">
</script><script type="text/_javascript_" language="_javascript_"
src=""> </script><script type="text/_javascript_"
language="_javascript_1.2" src="">
</script><script type="text/_javascript_" language="_javascript_1.2"
src=""> </script><script
type="text/_javascript_" language="_javascript_" src="">
</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"
><img alt="-"
src=""></img><a href=""
target="foil">Heading
1</a></div>');
subList.addItem('<div id="d0e22"
><img alt="-"
src=""></img><a href=""
target="foil">Heading 1</a></div>');
myList.addList(subList,
'<div id="d0e4" ><a href=""
target="foil">Chapter 1</a></div>');
subList = new
List(false, width, height,
"#FFFFFF");
subList.setIndent(12);
subList.addItem('<div id="d0e44"
><img alt="-"
src=""></img><a href=""
target="foil">Heading
1</a></div>');
subList.addItem('<div id="d0e57"
><img alt="-"
src=""></img><a href=""
target="foil">Heading 2</a></div>');
myList.addList(subList,
'<div id="d0e39" ><a href=""
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>