Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

Puting two strolling boxes side by side

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

[Webinar] Cloud Security

In this webinar you will learn:

-Why existing firewall and DMZ architectures are not suited for securing cloud applications
-How to make your enterprise “Cloud Ready”, and fix your aging DMZ architecture
-How to transform your enterprise and become a Cloud Enabler

Question has a verified solution.

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

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…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
Suggested Courses

972 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