?
Solved

Puting two strolling boxes side by side

Posted on 2008-10-08
5
Medium Priority
?
226 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 2000 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

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

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.
The Windows functions GetTickCount and timeGetTime retrieve the number of milliseconds since the system was started. However, the value is stored in a DWORD, which means that it wraps around to zero every 49.7 days. This article shows how to solve t…
The viewer will learn how to count occurrences of each item in an array.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
Suggested Courses

601 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