Solved

Puting two strolling boxes side by side

Posted on 2008-10-08
5
216 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

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

This article is meant to give a basic understanding of how to use R Sweave as a way to merge LaTeX and R code seamlessly into one presentable document.
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
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 the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

734 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