Solved

Puting two strolling boxes side by side

Posted on 2008-10-08
5
210 Views
Last Modified: 2013-11-19
I have a stroller that makes four boxes and I needs some help putting two boxes side by side and another two boxes side by side under the first two boxes:

Script follows:

<!doctype html public "-//w3c//dtd html 3.2//en">
<HTML>
<HEAD>

<title>strollers</title>
<link rel="STYLESHEET" type="text/css" href="coolmenus.css">
<style type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<meta content="realTrans(Duration=3,Transition=23)"http-equiv="Page-Enter">
<meta content="realTrans(Duration=3,Transition=23)"http-equiv="Page-Exit">
body { font: 14px/1.3 verdana, arial, helvetica, sans-serif }
h1 { font-size:18px }      
a:link, a:visited { color:#33c }
</style>

<link rel="STYLESHEET" type="text/css" href="box.css">
<style>
A:hover       {color:#006699}
#timesbw      {font-family:Times,Sans-serif;font-size:10pt;font-weight:bold;color:white;}
#timesw            {font-family:Times,Sans-serif;font-size:10pt;font-weight:normal;color:white;}
#timesb            {font-family:Times,Sans-serif;font-size:10pt;font-weight:bold;color:black;}
#timesbr      {font-family:Times,Sans-serif;font-size:10pt;font-weight:bold;color:red;}
#timesbb      {font-family:Times,Sans-serif;font-size:10pt;font-weight:bold;color:blue;}
#times            {font-family:Times,Sans-serif;font-size:10pt;font-weight:normal;}
#small             {font-family:Times,Sans-serif;font-size:8pt;font-weight:normal;color:black;}
TD                  {font-family:Times,Sans-serif;font-size:10pt;font-weight:normal;}
</style>
<script language="JavaScript1.2">

<!-- Browser Check -->
iens6=document.all||document.getElementById
ns4=document.layers

<!--GLOBAL SCROLLER VARIABLES-->

var scrollspeed = 15 <!-- scrollspeed, lower is faster -->

var step=1
var contentobj
var contentheight
var theobj
var theheight
var thename
var thecontainer
var theScroller
var timerup
var timerdown
var timerupname
var timerdownname
<!--END GLOBAL SCROLLER VARIABLES-->

<!--GLOBAL SCROLLER FUNCTIONS-->
function director(incomingScroller,theFunction) {
stopall()
theScroller=incomingScroller
theobj = "contentobj"+theScroller
theheight = "contentheight"+theScroller
if(iens6){
      thename = "content"+theScroller
      theobj=document.getElementById? document.getElementById(thename):document.all.thename
      theheight=theobj.offsetHeight
      if (document.getElementById&&!document.all){
               step=5
      }
}else if(ns4){
      thename = "nscontent"+theScroller
      thecontainer = "nscontainer"+theScroller
      theobj = eval("document."+thecontainer+".document."+thename)
      theheight=theobj.clip.height
}
      if(theFunction=="sd") {
            timerdown="window.down"+theScroller
            timerdownname="down"+theScroller
            scrolldown()
      }else if(theFunction=="su") {
            timerup="window.up"+theScroller
            timerupname="up"+theScroller
            scrollup()
      }else if(theFunction=="sa") {
            stopall()
      }else if(theFunction=="st") {
            shifttotop()
      }
}
<!-- scroll down function -->
function scrolldown() {
      if(iens6&&parseInt(theobj.style.top)>=(theheight*(-1)+100)){
            theobj.style.top=parseInt(theobj.style.top)-step
      }else if(ns4&&theobj.top>=(theheight*(-1)+100)){
            theobj.top-=step
      }
      timerdownname = setTimeout("scrolldown()",scrollspeed)
}
<!-- scroll up function -->
function scrollup() {
      if(iens6&&parseInt(theobj.style.top)<=0){
            theobj.style.top=parseInt(theobj.style.top)+step
      }else if(ns4&&theobj.top<=0){
            theobj.top+=step
      }
      timerupname = setTimeout("scrollup()",scrollspeed)      
}
<!-- function to stop all scroll timers -->
function stopall() {
      if(timerup){
            clearTimeout(timerupname)
      }
      if(timerdown){
            clearTimeout(timerdownname)
      }
}
<!-- function that shifts the object to top -->
function shifttotop(){
      stopall()
      if (iens6) {
            theobj.style.top=0
      }else{
            theobj.top=0
      }
}

<!--END GLOBAL SCROLLER FUNCTIONS-->

</script>

  </head>
<body>
<IMG src="tracker2.php" width="1" height="1">
<body>
<!-- ******************START SCROLLER 1***************** -->
<!-- Controller setup -->
<table width="300" cellpadding="0" cellspacing="1" border="1" bgcolor="#CCCCCC">
            <tr>
            <td width="20%" align="center" valign="bottom">
            <a href="Javascript:director(1,'sd')"><font face="times" size="2"><b>Down</b></font></a>
            </td>
            <td width="20%" align="center" valign="bottom">
            <a href="Javascript:director(1,'su')"><font face="times" size="2"><b>Up</b></font></a>
            </td>
            <td width="20%" align="center" valign="bottom">
            <a href="Javascript:director(1,'sa')"><font face="times" size="2"><b>Stop</b></font></a>
            </td>
            <td width="20%" align="center" valign="bottom">
            <a href="Javascript:director(1,'st')"><font face="times" size="2"><b>Top</b></font></a>
            
            </td>
            </tr>      
</table>
<!-- End Controller setup -->

<!-- Container setup -->
<script language="JavaScript1.2">
if (iens6){
document.write('<div id="container1" style="position:relative;width:300;height:260px;overflow:hidden;border:2px ridge white">')
document.write('<div id="content1" style="position:relative;width:300;left:0;top:0">')
}
</script>
<ilayer name="nscontainer1" width=300 height=260 clip="0,0,300,260">
<layer name="nscontent1" width=300 height=260>

<!--INSERT SCROLLER 1 CONTENT HERE-->
<font type="times" size="2" style="color:black">
<b>Web Site Design</b><br><hr>
<table><tr>
<td valign="top">"</td><td>Hints about Web Site Design from some of the top <a href="http://builder.cnet.com/webbuilding/0-3881-8-5069140-1.html" target="_blank" onmouseover="director(1,'sa')"><font style="color:blue">guru"s</font></a>...</td></tr>
<tr><td valign="top">"</td><td>Tag, Attribute, CSS, and Color reference <a href="http://builder.cnet.com/webbuilding/0-7530.html" target="_blank" onmouseover="director(1,'sa')"><font style="color:blue">charts</font></a>...</td></tr>
<tr><td valign="top">"</td><td>Introduction to Web Site <a href="http://www.wdvl.com/Authoring/HTML/Tutorial/toc.html" target="_blank" onmouseover="director(1,'sa')"><font style="color:blue">Design</font></a>...</td></tr>
<tr><td valign="top">"</td><td>Site <a href="http://www.wdvl.com/Location/Navigation/101/" target="_blank" onmouseover="director(1,'sa')"><font style="color:blue">Navigation</font></a>...</td></tr>
</table><br>
<b>HTML Tutorials</b><br><hr>
<table><tr>
<td valign="top">"</td><td>Introductory <a href="http://www.wdvl.com/Authoring/HTML/Intro/" target="_blank" onmouseover="director(1,'sa')"><font style="color:blue">HTML</font></a>...</td></tr>
<tr><td valign="top">"</td><td>Beginning HTML Tutorial Listing <a href="http://www.pageresource.com/html/hclist.htm" target="_blank" onmouseover="director(1,'sa')"><font style="color:blue">many topics</font></a>...</td></tr>
<tr><td valign="top">"</td><td>Advanced HTML Tutorial Listing <a href="http://www.pageresource.com/html/index6.htm" target="_blank" onmouseover="director(1,'sa')"><font style="color:blue">many topics</font></a>...</td></tr>
</table><br>
<b>Javascript Tutorials</b><br><hr>
<table><tr>
<td valign="top">"</td><td>Javascript and Browser Objects <a href="http://www.dannyg.com/javascript/quickref/index.html" target="_blank" onmouseover="director(1,'sa')"><font style="color:blue">Quick Reference</font></a>...</td></tr>
<tr><td valign="top">"</td><td>Introductory <a href="http://www.webdeveloper.com/javascript/javascript_js_tutorial.html" target="_blank" onmouseover="director(1,'sa')"><font style="color:blue">Javascript</font></a>...</td></tr>
<tr><td valign="top">"</td><td><a href="http://www.webdeveloper.com/javascript/javascript_html_tnt_cookies.html" target="_blank" onmouseover="director(1,'sa')"><font style="color:blue">Javascript and Cookies</font></a>...</td></tr>
<tr><td valign="top">"</td><td>Basic Javascript Tutorial Listing <a href="http://www.pageresource.com/jscript/index2.htm" target="_blank" onmouseover="director(1,'sa')"><font style="color:blue">many topics</font></a>...</td></tr>
<tr><td valign="top">"</td><td>Advanced Javascript Tutorial Listing <a href="http://www.pageresource.com/jscript/index6.htm" target="_blank" onmouseover="director(1,'sa')"><font style="color:blue">many topics</font></a>...</td></tr>
</table><br>
<b>DHTML Tutorials</b><br><hr>
<table><tr>
<td valign="top">"</td><td>Introductory <a href="http://www.wdvl.com/Authoring/DHTML/Intro/" target="_blank" onmouseover="director(1,'sa')"><font style="color:blue">DHTML</font></a>...</td></tr>
<tr><td valign="top">"</td><td><a href="http://www.pageresource.com/dhtml/indexcss.htm" target="_blank" onmouseover="director(1,'sa')"><font style="color:blue">Cascading Style Sheets</font></a>...</td></tr>
</table><br>
<b>Java Tutorials</b><br><hr>
<table><tr>
<td valign="top">"</td><td><a href="http://javaboutique.internet.com/tutorials/Thread0/" target="_blank" onmouseover="director(1,'sa')"><font style="color:blue">Java for Beginners</font></a>...</td></tr>
</table><br>
<b>Comprehensive Tutorials</b><br><hr>
<table><tr>
<td valign="top">"</td><td>A wide variety of Design, HTML, Java, and Javascript <br><a href="http://www.webdeveloper.com/tutorials.html" target="_blank" onmouseover="director(1,'sa')"><font style="color:blue">Tutorials</font></a>...</td></tr>
</table>
</font>
<!--END SCROLLER 1 CONTENT-->

</layer></ilayer>

<script language="JavaScript1.2">
if (iens6){
      document.write('</div></div>')
}
</script>
<!-- End Container setup -->
<!--***************END SCROLLER 1******************* -->

<br>
<!-- ******************START SCROLLER 2***************** -->
<!-- Controller setup -->
<table width="300" cellpadding="0" cellspacing="1" border="1" bgcolor="#CCCCCC">
            <tr>
            <td width="20%" align="center" valign="bottom">
            <a href="Javascript:director(2,'sd')"><font face="times" size="2"><b>Down</b></font></a>
            </td>
            <td width="20%" align="center" valign="bottom">
            <a href="Javascript:director(2,'su')"><font face="times" size="2"><b>Up</b></font></a>
            </td>
            <td width="20%" align="center" valign="bottom">
            <a href="Javascript:director(2,'sa')"><font face="times" size="2"><b>Stop</b></font></a>
            </td>
            <td width="20%" align="center" valign="bottom">
            <a href="Javascript:director(2,'st')"><font face="times" size="2"><b>Top</b></font></a>
            
            </td>
            </tr>      
</table>
<!-- End Controller setup -->

<!-- Container setup -->
<script language="JavaScript1.2">
if (iens6){
document.write('<div id="container2" style="position:relative;width:300;height:260px;overflow:hidden;border:2px ridge white">')
document.write('<div id="content2" style="position:relative;width:300;left:0;top:0">')
}
</script>
<ilayer name="nscontainer2" width=300 height=260 clip="0,0,300,260">
<layer name="nscontent2" width=300 height=260>

<!--INSERT SCROLLER 2 CONTENT HERE-->
<font type="times" size="2" style="color:black">
<b>Web Site Design</b><br><hr>
<table><tr>
<td valign="top">"</td><td>Hints about Web Site Design from some of the top <a href="http://builder.cnet.com/webbuilding/0-3881-8-5069140-1.html" target="_blank" onmouseover="director(2,'sa')"><font style="color:blue">guru"s</font></a>...</td></tr>
<tr><td valign="top">"</td><td>Tag, Attribute, CSS, and Color reference <a href="http://builder.cnet.com/webbuilding/0-7530.html" target="_blank" onmouseover="director(2,'sa')"><font style="color:blue">charts</font></a>...</td></tr>
<tr><td valign="top">"</td><td>Introduction to Web Site <a href="http://www.wdvl.com/Authoring/HTML/Tutorial/toc.html" target="_blank" onmouseover="director(2,'sa')"><font style="color:blue">Design</font></a>...</td></tr>
<tr><td valign="top">"</td><td>Site <a href="http://www.wdvl.com/Location/Navigation/101/" target="_blank" onmouseover="director(2,'sa')"><font style="color:blue">Navigation</font></a>...</td></tr>
</table><br>
<b>HTML Tutorials</b><br><hr>
<table><tr>
<td valign="top">"</td><td>Introductory <a href="http://www.wdvl.com/Authoring/HTML/Intro/" target="_blank" onmouseover="director(2,'sa')"><font style="color:blue">HTML</font></a>...</td></tr>
<tr><td valign="top">"</td><td>Beginning HTML Tutorial Listing <a href="http://www.pageresource.com/html/hclist.htm" target="_blank" onmouseover="director(2,'sa')"><font style="color:blue">many topics</font></a>...</td></tr>
<tr><td valign="top">"</td><td>Advanced HTML Tutorial Listing <a href="http://www.pageresource.com/html/index6.htm" target="_blank" onmouseover="director(2,'sa')"><font style="color:blue">many topics</font></a>...</td></tr>
</table><br>
<b>Javascript Tutorials</b><br><hr>
<table><tr>
<td valign="top">"</td><td>Javascript and Browser Objects <a href="http://www.dannyg.com/javascript/quickref/index.html" target="_blank" onmouseover="director(2,'sa')"><font style="color:blue">Quick Reference</font></a>...</td></tr>
<tr><td valign="top">"</td><td>Introductory <a href="http://www.webdeveloper.com/javascript/javascript_js_tutorial.html" target="_blank" onmouseover="director(2,'sa')"><font style="color:blue">Javascript</font></a>...</td></tr>
<tr><td valign="top">"</td><td><a href="http://www.webdeveloper.com/javascript/javascript_html_tnt_cookies.html" target="_blank" onmouseover="director(2,'sa')"><font style="color:blue">Javascript and Cookies</font></a>...</td></tr>
<tr><td valign="top">"</td><td>Basic Javascript Tutorial Listing <a href="http://www.pageresource.com/jscript/index2.htm" target="_blank" onmouseover="director(2,'sa')"><font style="color:blue">many topics</font></a>...</td></tr>
<tr><td valign="top">"</td><td>Advanced Javascript Tutorial Listing <a href="http://www.pageresource.com/jscript/index6.htm" target="_blank" onmouseover="director(2,'sa')"><font style="color:blue">many topics</font></a>...</td></tr>
</table><br>
<b>DHTML Tutorials</b><br><hr>
<table><tr>
<td valign="top">"</td><td>Introductory <a href="http://www.wdvl.com/Authoring/DHTML/Intro/" target="_blank" onmouseover="director(2,'sa')"><font style="color:blue">DHTML</font></a>...</td></tr>
<tr><td valign="top">"</td><td><a href="http://www.pageresource.com/dhtml/indexcss.htm" target="_blank" onmouseover="director(2,'sa')"><font style="color:blue">Cascading Style Sheets</font></a>...</td></tr>
</table><br>
<b>Java Tutorials</b><br><hr>
<table><tr>
<td valign="top">"</td><td><a href="http://javaboutique.internet.com/tutorials/Thread0/" target="_blank" onmouseover="director(2,'sa')"><font style="color:blue">Java for Beginners</font></a>...</td></tr>
</table><br>
<b>Comprehensive Tutorials</b><br><hr>
<table><tr>
<td valign="top">"</td><td>A wide variety of Design, HTML, Java, and Javascript <br><a href="http://www.webdeveloper.com/tutorials.html" target="_blank" onmouseover="director(2,'sa')"><font style="color:blue">Tutorials</font></a>...</td></tr>
</table><br>
</font>
<!--END SCROLLER 2 CONTENT-->

</layer></ilayer>

<script language="JavaScript1.2">
if (iens6){
      document.write('</div></div>')
}
</script>
<!-- End Container setup -->
<!--***************END SCROLLER 2******************* -->

<br>
<!-- ******************START SCROLLER 3***************** -->
<!-- Controller setup -->
<table width="300" cellpadding="0" cellspacing="1" border="1" bgcolor="#CCCCCC">
            <tr>
            <td width="20%" align="center" valign="bottom">
            <a href="Javascript:director(3,'sd')"><font face="times" size="2"><b>Down</b></font></a>
            </td>
            <td width="20%" align="center" valign="bottom">
            <a href="Javascript:director(3,'su')"><font face="times" size="2"><b>Up</b></font></a>
            </td>
            <td width="20%" align="center" valign="bottom">
            <a href="Javascript:director(3,'sa')"><font face="times" size="2"><b>Stop</b></font></a>
            </td>
            <td width="20%" align="center" valign="bottom">
            <a href="Javascript:director(3,'st')"><font face="times" size="2"><b>Top</b></font></a>
            
            </td>
            </tr>      
</table>
<!-- End Controller setup -->

<!-- Container setup -->
<script language="JavaScript1.2">
if (iens6){
document.write('<div id="container3" style="position:relative;width:300;height:260px;overflow:hidden;border:2px ridge white">')
document.write('<div id="content3" style="position:relative;width:300;left:0;top:0">')
}
</script>
<ilayer name="nscontainer3" width=300 height=260 clip="0,0,300,260">
<layer name="nscontent3" width=300 height=260>

<!--INSERT SCROLLER 3 CONTENT HERE-->
<font type="times" size="2" style="color:black">
<b>Web Site Design</b><br><hr>
<table><tr>
<td valign="top">"</td><td>Hints about Web Site Design from some of the top <a href="http://builder.cnet.com/webbuilding/0-3881-8-5069140-1.html" target="_blank" onmouseover="director(3,'sa')"><font style="color:blue">guru"s</font></a>...</td></tr>
<tr><td valign="top">"</td><td>Tag, Attribute, CSS, and Color reference <a href="http://builder.cnet.com/webbuilding/0-7530.html" target="_blank" onmouseover="director(3,'sa')"><font style="color:blue">charts</font></a>...</td></tr>
<tr><td valign="top">"</td><td>Introduction to Web Site <a href="http://www.wdvl.com/Authoring/HTML/Tutorial/toc.html" target="_blank" onmouseover="director(3,'sa')"><font style="color:blue">Design</font></a>...</td></tr>
<tr><td valign="top">"</td><td>Site <a href="http://www.wdvl.com/Location/Navigation/101/" target="_blank" onmouseover="director(3,'sa')"><font style="color:blue">Navigation</font></a>...</td></tr>
</table><br>
<b>HTML Tutorials</b><br><hr>
<table><tr>
<td valign="top">"</td><td>Introductory <a href="http://www.wdvl.com/Authoring/HTML/Intro/" target="_blank" onmouseover="director(3,'sa')"><font style="color:blue">HTML</font></a>...</td></tr>
<tr><td valign="top">"</td><td>Beginning HTML Tutorial Listing <a href="http://www.pageresource.com/html/hclist.htm" target="_blank" onmouseover="director(3,'sa')"><font style="color:blue">many topics</font></a>...</td></tr>
<tr><td valign="top">"</td><td>Advanced HTML Tutorial Listing <a href="http://www.pageresource.com/html/index6.htm" target="_blank" onmouseover="director(3,'sa')"><font style="color:blue">many topics</font></a>...</td></tr>
</table><br>
<b>Javascript Tutorials</b><br><hr>
<table><tr>
<td valign="top">"</td><td>Javascript and Browser Objects <a href="http://www.dannyg.com/javascript/quickref/index.html" target="_blank" onmouseover="director(3,'sa')"><font style="color:blue">Quick Reference</font></a>...</td></tr>
<tr><td valign="top">"</td><td>Introductory <a href="http://www.webdeveloper.com/javascript/javascript_js_tutorial.html" target="_blank" onmouseover="director(3,'sa')"><font style="color:blue">Javascript</font></a>...</td></tr>
<tr><td valign="top">"</td><td><a href="http://www.webdeveloper.com/javascript/javascript_html_tnt_cookies.html" target="_blank" onmouseover="director(3,'sa')"><font style="color:blue">Javascript and Cookies</font></a>...</td></tr>
<tr><td valign="top">"</td><td>Basic Javascript Tutorial Listing <a href="http://www.pageresource.com/jscript/index2.htm" target="_blank" onmouseover="director(3,'sa')"><font style="color:blue">many topics</font></a>...</td></tr>
<tr><td valign="top">"</td><td>Advanced Javascript Tutorial Listing <a href="http://www.pageresource.com/jscript/index6.htm" target="_blank" onmouseover="director(3,'sa')"><font style="color:blue">many topics</font></a>...</td></tr>
</table><br>
<b>DHTML Tutorials</b><br><hr>
<table><tr>
<td valign="top">"</td><td>Introductory <a href="http://www.wdvl.com/Authoring/DHTML/Intro/" target="_blank" onmouseover="director(3,'sa')"><font style="color:blue">DHTML</font></a>...</td></tr>
<tr><td valign="top">"</td><td><a href="http://www.pageresource.com/dhtml/indexcss.htm" target="_blank" onmouseover="director(3,'sa')"><font style="color:blue">Cascading Style Sheets</font></a>...</td></tr>
</table><br>
<b>Java Tutorials</b><br><hr>
<table><tr>
<td valign="top">"</td><td><a href="http://javaboutique.internet.com/tutorials/Thread0/" target="_blank" onmouseover="director(3,'sa')"><font style="color:blue">Java for Beginners</font></a>...</td></tr>
</table><br>
<b>Comprehensive Tutorials</b><br><hr>
<table><tr>
<td valign="top">"</td><td>A wide variety of Design, HTML, Java, and Javascript <br><a href="http://www.webdeveloper.com/tutorials.html" target="_blank" onmouseover="director(3,'sa')"><font style="color:blue">Tutorials</font></a>...</td></tr>
</table><br>
</font>
<!--END SCROLLER 3 CONTENT-->

</layer></ilayer>

<script language="JavaScript1.2">
if (iens6){
      document.write('</div></div>')
}
</script>
<!-- End Container setup -->
<!--***************END SCROLLER 3******************* -->

<br>
<!-- ******************START SCROLLER 4***************** -->
<!-- Controller setup -->
<table width="300" cellpadding="0" cellspacing="1" border="1" bgcolor="#CCCCCC">
            <tr>
            <td width="20%" align="center" valign="bottom">
            <a href="Javascript:director(4,'sd')"><font face="times" size="2"><b>Down</b></font></a>
            </td>
            <td width="20%" align="center" valign="bottom">
            <a href="Javascript:director(4,'su')"><font face="times" size="2"><b>Up</b></font></a>
            </td>
            <td width="20%" align="center" valign="bottom">
            <a href="Javascript:director(4,'sa')"><font face="times" size="2"><b>Stop</b></font></a>
            </td>
            <td width="20%" align="center" valign="bottom">
            <a href="Javascript:director(4,'st')"><font face="times" size="2"><b>Top</b></font></a>
            
            </td>
            </tr>      
</table>
<!-- End Controller setup -->

<!-- Container setup -->
<script language="JavaScript1.2">
if (iens6){
document.write('<div id="container4" style="position:relative;width:300;height:260px;overflow:hidden;border:2px ridge white">')
document.write('<div id="content4" style="position:relative;width:300;left:0;top:0">')
}
</script>
<ilayer name="nscontainer4" width=300 height=260 clip="0,0,300,260">
<layer name="nscontent4" width=300 height=260>

<!--INSERT SCROLLER 4 CONTENT HERE-->
<font type="times" size="2" style="color:black">
<b>Web Site Design</b><br><hr>
<table><tr>
<td valign="top">"</td><td>Hints about Web Site Design from some of the top <a href="http://builder.cnet.com/webbuilding/0-3881-8-5069140-1.html" target="_blank" onmouseover="director(4,'sa')"><font style="color:blue">guru"s</font></a>...</td></tr>
<tr><td valign="top">"</td><td>Tag, Attribute, CSS, and Color reference <a href="http://builder.cnet.com/webbuilding/0-7530.html" target="_blank" onmouseover="director(4,'sa')"><font style="color:blue">charts</font></a>...</td></tr>
<tr><td valign="top">"</td><td>Introduction to Web Site <a href="http://www.wdvl.com/Authoring/HTML/Tutorial/toc.html" target="_blank" onmouseover="director(4,'sa')"><font style="color:blue">Design</font></a>...</td></tr>
<tr><td valign="top">"</td><td>Site <a href="http://www.wdvl.com/Location/Navigation/101/" target="_blank" onmouseover="director(4,'sa')"><font style="color:blue">Navigation</font></a>...</td></tr>
</table><br>
<b>HTML Tutorials</b><br><hr>
<table><tr>
<td valign="top">"</td><td>Introductory <a href="http://www.wdvl.com/Authoring/HTML/Intro/" target="_blank" onmouseover="director(4,'sa')"><font style="color:blue">HTML</font></a>...</td></tr>
<tr><td valign="top">"</td><td>Beginning HTML Tutorial Listing <a href="http://www.pageresource.com/html/hclist.htm" target="_blank" onmouseover="director(4,'sa')"><font style="color:blue">many topics</font></a>...</td></tr>
<tr><td valign="top">"</td><td>Advanced HTML Tutorial Listing <a href="http://www.pageresource.com/html/index6.htm" target="_blank" onmouseover="director(4,'sa')"><font style="color:blue">many topics</font></a>...</td></tr>
</table><br>
<b>Javascript Tutorials</b><br><hr>
<table><tr>
<td valign="top">"</td><td>Javascript and Browser Objects <a href="http://www.dannyg.com/javascript/quickref/index.html" target="_blank" onmouseover="director(4,'sa')"><font style="color:blue">Quick Reference</font></a>...</td></tr>
<tr><td valign="top">"</td><td>Introductory <a href="http://www.webdeveloper.com/javascript/javascript_js_tutorial.html" target="_blank" onmouseover="director(4,'sa')"><font style="color:blue">Javascript</font></a>...</td></tr>
<tr><td valign="top">"</td><td><a href="http://www.webdeveloper.com/javascript/javascript_html_tnt_cookies.html" target="_blank" onmouseover="director(4,'sa')"><font style="color:blue">Javascript and Cookies</font></a>...</td></tr>
<tr><td valign="top">"</td><td>Basic Javascript Tutorial Listing <a href="http://www.pageresource.com/jscript/index2.htm" target="_blank" onmouseover="director(4,'sa')"><font style="color:blue">many topics</font></a>...</td></tr>
<tr><td valign="top">"</td><td>Advanced Javascript Tutorial Listing <a href="http://www.pageresource.com/jscript/index6.htm" target="_blank" onmouseover="director(4,'sa')"><font style="color:blue">many topics</font></a>...</td></tr>
</table><br>
<b>DHTML Tutorials</b><br><hr>
<table><tr>
<td valign="top">"</td><td>Introductory <a href="http://www.wdvl.com/Authoring/DHTML/Intro/" target="_blank" onmouseover="director(4,'sa')"><font style="color:blue">DHTML</font></a>...</td></tr>
<tr><td valign="top">"</td><td><a href="http://www.pageresource.com/dhtml/indexcss.htm" target="_blank" onmouseover="director(4,'sa')"><font style="color:blue">Cascading Style Sheets</font></a>...</td></tr>
</table><br>
<b>Java Tutorials</b><br><hr>
<table><tr>
<td valign="top">"</td><td><a href="http://javaboutique.internet.com/tutorials/Thread0/" target="_blank" onmouseover="director(4,'sa')"><font style="color:blue">Java for Beginners</font></a>...</td></tr>
</table><br>
<b>Comprehensive Tutorials</b><br><hr>
<table><tr>
<td valign="top">"</td><td>A wide variety of Design, HTML, Java, and Javascript <br><a href="http://www.webdeveloper.com/tutorials.html" target="_blank" onmouseover="director(4,'sa')"><font style="color:blue">Tutorials</font></a>...</td></tr>
</table><br>
</font>
<!--END SCROLLER 4 CONTENT-->

</layer></ilayer>

<script language="JavaScript1.2">
if (iens6){
      document.write('</div></div>')
}
</script>
</center>
<!-- End Container setup -->
<!--***************END SCROLLER 4******************* -->


</BODY>
</HTML>
0
Comment
Question by:starview
  • 4
5 Comments
 
LVL 39

Accepted Solution

by:
Roger Baklund earned 500 total points
ID: 22674016
Put a <div style="float:left"> around the first and the third scroller.
0
 

Author Comment

by:starview
ID: 22675401
This worked great, only one more question.
Is there away to center the boxes on the page, with the above script it all go's to the left of the screen, it is workable, but it it would be nice to have it centered.
0
 

Author Comment

by:starview
ID: 22675455
I think I might have found the answer to my second question, I don't know if it is the best answer or not.

I used

<div style="float: left; margin-left: 20%">
0
 

Author Comment

by:starview
ID: 22675668
I used the

<div style="float: right">

and it put two on the left and two on the right
0
 

Author Closing Comment

by:starview
ID: 31504466
Great jop, thank you
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

JavaScript has plenty of pieces of code people often just copy/paste from somewhere but never quite fully understand. Self-Executing functions are just one good example that I'll try to demystify here.
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
In this fourth video of the Xpdf series, we discuss and demonstrate the PDFinfo utility, which retrieves the contents of a PDF's Info Dictionary, as well as some other information, including the page count. We show how to isolate the page count in a…

895 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now