Solved

Puting two strolling boxes side by side

Posted on 2008-10-08
5
217 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

Optimize your web performance

What's in the eBook?
- Full list of reasons for poor performance
- Ultimate measures to speed things up
- Primary web monitoring types
- KPIs you should be monitoring in order to increase your ROI

Question has a verified solution.

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

JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
The viewer will learn how to count occurrences of each item in an array.
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

617 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