Scrolling text that does not scroll

**andywalmsley** · 01-08-2012, 07:19 PM

:: Pausing up-down Scroller

http://www.dynamicdrive.com/dynamicindex2/crosstick.htm

I'm trying to use this script as part of a Dreamweaver template, with the code copied and amended in the Head and Body sections of the template. The first text entry displays ok, but no others. Ie. the text does not scroll.
Can anybody help?

**jscheuer1** · 01-08-2012, 07:38 PM

Please post a link to the page on your site that contains the problematic code so we can check it out.

**andywalmsley** · 01-08-2012, 08:07 PM

Hi John,
As the code is not working, I've not loaded it - the site is close to 500 pages so loading is time consuming and would be pointless. Shall I copy the code and put it on the forum?
Andy

**jscheuer1** · 01-08-2012, 08:28 PM

Better yet, just put up a single demo page that shows the problem and provide a link to it. That's the easiest for us to diagnose. It's best to see a problem before attempting to fix it. Failing that, yes copy the code - if it's not too long and post it. Or make a .zip of it if it is too long and attach it to a post. But if there is too much code and the problem cannot be duplicated in a local mock up from the code you provide, it would be pointless. As I say, best to see the problem to fix it.

**andywalmsley** · 01-08-2012, 09:14 PM

The variable code from the Head section is as follows. (The remaining code from this section is straight from the Dynamic Drive web site).

Code:

<style type="text/css">
/*CSS for the scroller*/
#pscroller1{
width: 420px;
height: 65px;
border: 1px solid #0099FF;
padding: 5px;
background-color: #FFFFFF;
font-family:
    Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;)
</style>

<script type="text/javascript">
/*Message array for the scroller*/
var pausecontent=new Array()
pausecontent[0]='A delightful New Forest web site - Peter Roberts, Chairman of the New Forest Association'
pausecontent[1]='Since moving to the New Forest in 2008, I have made good use of what must be the*most informative*and useful web site on the New Forest - Paul Brock, writer, photographer and Scientific Associate of the Natural History Museum, London'
pausecontent[2]='Congratulations on a fantastic, comprehensive New Forest web site - Alan Gilbert'
pausecontent[3]='I think your New Forest web-site is fantastic, one of the best I have ever seen - Rob Anderson'
pausecontent[4]='I was just thinking about going to the New Forest and I found so much information - the walks, facts, things to do*and so much more. Thank you, you have made my life so much easier and have given me lots to think about - Celia Whitehouse'
pausecontent[5]='Love the site and have recommended it to many of my friends - Irene Button'
pausecontent[6]='Have just returned from a lovely weekend staying in Lyndhurst. Did two of your walks from the website - brilliant walks with excellent instructions. Really enjoyed them - Pat Beckley'
pausecontent[7]='I have been a visitor to your site for over a year and have watched it develop into probably the best online resource on the Forest - Nick, English Longbow Films'
pausecontent[8]='I just wanted to say thanks for your excellent walking routes from Brockenhurst and Boldre. We did both walks and the instructions were excellent. Many thanks - Dan Morgan'
pausecontent[9]='Congratulations on an excellent and informative site. It clearly represents a lot of careful work by one who cares for the Forest. Thank you - John Wingham'
pausecontent[10]='Firstly let me say what a fantastic web site. I have found it most useful in helping to plan a visit to the New Forest....Frank Farrow'
</script>


The script from the Body section follows, embedded in a table.

<table width="440" border="0" align="center" class="Tablenobackgroundnoborder">
                    <tr>
                      <td>
					  <script type="text/javascript">
//new pausescroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds)
new pausescroller(pausecontent, "pscroller1", "", 9000)
                  </script>
				  &nbsp;</td>
                    </tr>
                  </table>

Hope this helps.
Andy

**andywalmsley** · 01-08-2012, 11:11 PM

John,
I've posted the code but it's gone into moderation - HTML not allowed.
Andy

**jscheuer1** · 01-09-2012, 03:09 AM

I'm not sure why the system moderated that, I've approved it.

Anyways, the code in your post is fine. When combined with the script from the demo page it works:

http://home.comcast.net/~jscheuer1/s...n_scroll_h.htm

So, if it's not working for you, somehow the script part isn't being included or isn't being included at the right place, or is in conflict with some other script.

Or there's something about the rest of the page - markup or styles that's causing a problem.

To check to see whether or not the script is there and in the right place, you can use your browser's 'view source' while looking at the page. If that shows a problem, like perhaps the main script coming before the definitions for the content, adjust your template so that the main script comes after the script that defines the content.

For the rest, it's trickier to explain what to look for or how to correct it because there are so many possibilities. But it should be a snap if I could just see the actual page. The only potential problem would be if you cannot figure out a way to get the template to produce the needed changes I discover.

But, as I said, if there's still a problem, I would need to see it.

**andywalmsley** · 01-09-2012, 08:10 AM

Hi John,
I've looked closely at script positioning following your last post and have changed it around a bit. Still no good, though. Here's a copy of all the code, sent over four responses to comply with response length criteria. I'd be grateful for further comments.
Thanks,
Andrew

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable --><!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
<link href="../Mycascadingstylesheets.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/*CSS for the scroller*/
#pscroller1{
width: 420px;
height: 65px;
border: 1px solid #0099FF;
padding: 5px;
background-color: #FFFFFF;
font-family:
    Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;)
</style>

<script type="text/javascript">
/*Message array for the scroller*/
var pausecontent=new Array()
pausecontent[0]='A delightful New Forest web site - Peter Roberts, Chairman of the New Forest Association'
pausecontent[1]='Since moving to the New Forest in 2008, I have made good use of what must be the*most informative*and useful web site on the New Forest - Paul Brock, writer, photographer and Scientific Associate of the Natural History Museum, London'
pausecontent[2]='Congratulations on a fantastic, comprehensive New Forest web site - Alan Gilbert'
pausecontent[3]='I think your New Forest web-site is fantastic, one of the best I have ever seen - Rob Anderson'
pausecontent[4]='I was just thinking about going to the New Forest and I found so much information - the walks, facts, things to do*and so much more. Thank you, you have made my life so much easier and have given me lots to think about - Celia Whitehouse'
pausecontent[5]='Love the site and have recommended it to many of my friends - Irene Button'
pausecontent[6]='Have just returned from a lovely weekend staying in Lyndhurst. Did two of your walks from the website - brilliant walks with excellent instructions. Really enjoyed them - Pat Beckley'
pausecontent[7]='I have been a visitor to your site for over a year and have watched it develop into probably the best online resource on the Forest - Nick, English Longbow Films'
pausecontent[8]='I just wanted to say thanks for your excellent walking routes from Brockenhurst and Boldre. We did both walks and the instructions were excellent. Many thanks - Dan Morgan'
pausecontent[9]='Congratulations on an excellent and informative site. It clearly represents a lot of careful work by one who cares for the Forest. Thank you - John Wingham'
pausecontent[10]='Firstly let me say what a fantastic web site. I have found it most useful in helping to plan a visit to the New Forest....Frank Farrow'
</script>

<script type="text/javascript">

/***********************************************
* Pausing up-down scroller- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

function pausescroller(content, divId, divClass, delay){
this.content=content //message array content
this.tickerid=divId //ID of ticker div to display information
this.delay=delay //Delay between msg change, in miliseconds.
this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over scroller (and pause it if it is)
this.hiddendivpointer=1 //index of message array for hidden div
document.write('<div id="'+divId+'" class="'+divClass+'" style="position: relative; overflow: hidden"><div class="innerDiv" style="position: absolute; width: 100%" id="'+divId+'1">'+content[0]+'</div><div class="innerDiv" style="position: absolute; width: 100%; visibility: hidden" id="'+divId+'2">'+content[1]+'</div></div>')
var scrollerinstance=this
if (window.addEventListener) //run onload in DOM2 browsers
window.addEventListener("load", function(){scrollerinstance.initialize()}, false)
else if (window.attachEvent) //run onload in IE5.5+
window.attachEvent("onload", function(){scrollerinstance.initialize()})
else if (document.getElementById) //if legacy DOM browsers, just start scroller after 0.5 sec
setTimeout(function(){scrollerinstance.initialize()}, 500)
}

// -------------------------------------------------------------------
// initialize()- Initialize scroller method.
// -Get div objects, set initial positions, start up down animation
// -------------------------------------------------------------------

pausescroller.prototype.initialize=function(){
this.tickerdiv=document.getElementById(this.tickerid)
this.visiblediv=document.getElementById(this.tickerid+"1")
this.hiddendiv=document.getElementById(this.tickerid+"2")
this.visibledivtop=parseInt(pausescroller.getCSSpadding(this.tickerdiv))
//set width of inner DIVs to outer DIV's width minus padding (padding assumed to be top padding x 2)
this.visiblediv.style.width=this.hiddendiv.style.width=this.tickerdiv.offsetWidth-(this.visibledivtop*2)+"px"
this.getinline(this.visiblediv, this.hiddendiv)
this.hiddendiv.style.visibility="visible"
var scrollerinstance=this
document.getElementById(this.tickerid).onmouseover=function(){scrollerinstance.mouseoverBol=1}
document.getElementById(this.tickerid).onmouseout=function(){scrollerinstance.mouseoverBol=0}
if (window.attachEvent) //Clean up loose references in IE
window.attachEvent("onunload", function(){scrollerinstance.tickerdiv.onmouseover=scrollerinstance.tickerdiv.onmouseout=null})
setTimeout(function(){scrollerinstance.animateup()}, this.delay)
}


// -------------------------------------------------------------------
// animateup()- Move the two inner divs of the scroller up and in sync
// -------------------------------------------------------------------

pausescroller.prototype.animateup=function(){
var scrollerinstance=this
if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){
this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-5+"px"
this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+"px"
setTimeout(function(){scrollerinstance.animateup()}, 50)
}
else{
this.getinline(this.hiddendiv, this.visiblediv)
this.swapdivs()
setTimeout(function(){scrollerinstance.setmessage()}, this.delay)
}
}

// -------------------------------------------------------------------
// swapdivs()- Swap between which is the visible and which is the hidden div
// -------------------------------------------------------------------

pausescroller.prototype.swapdivs=function(){
var tempcontainer=this.visiblediv
this.visiblediv=this.hiddendiv
this.hiddendiv=tempcontainer
}

pausescroller.prototype.getinline=function(div1, div2){
div1.style.top=this.visibledivtop+"px"
div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+"px"
}

// -------------------------------------------------------------------
// setmessage()- Populate the hidden div with the next message before it's visible
// -------------------------------------------------------------------

pausescroller.prototype.setmessage=function(){
var scrollerinstance=this
if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it)
setTimeout(function(){scrollerinstance.setmessage()}, 100)
else{
var i=this.hiddendivpointer
var ceiling=this.content.length
this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1
this.hiddendiv.innerHTML=this.content[this.hiddendivpointer]
this.animateup()
}
}

**andywalmsley** · 01-09-2012, 08:12 AM

Code:

pausescroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any
if (tickerobj.currentStyle)
return tickerobj.currentStyle["paddingTop"]
else if (window.getComputedStyle) //if DOM2
return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top")
else
return 0
}

</script>
</head>

<body>
<table width="780" border="1" align="center" cellpadding="5" cellspacing="5" class="tablepaleblueborder" id="Fullpage">
  <tr class="tablepalebluebackground">
    <th colspan="3" scope="row"><table width="770" border="0" align="center" cellpadding="0" cellspacing="0" class="tablenoborder" id="Banner">
      <tr>
        <th scope="row"><img src="../Bannerheading/bannerheadingv3_10_opt30.jpg" alt="Banner heading" width="673" height="120" /></th>
        <td><img src="../Bannerheading/NewforestlocmapV2_opt20.jpg" alt="Location map" width="107" height="121" /></td>
      </tr>
    </table></th>
  </tr>
  <tr>
    <th width="100" height="80" class="tablemedbluebackgrounddarkblueborder" scope="row"><table width="104" border="0" align="center" cellspacing="0" class="tablepalebluebackgrounddarkblueborder" id="Mountedprints">
      <tr>
        <th height="53" valign="middle" class="bodycopy" scope="row"><div align="center"><a href="../traffic_news.html" title="Traffic News" class="bodycopy13fontdarkblue"> Traffic News</a><br />
           - all the latest information <br />
        </div></th>
      </tr>
      
    </table></th>
    <td width="560" class="tablemedbluebackgrounddarkblueborder"><table width="570" border="0" align="center" cellspacing="0" class="tablepalebluebackgrounddarkblueborder" id="Topofpage">
      <tr>
        <th width="202" height="53" valign="middle" class="bodycopy" scope="row"><div align="center"><a href="../daysoutinthenewforest/daysoutpage_1.html" title="Days Out in the New Forest" class="bodycopy13fontdarkblue">Days Out in the New Forest</a><a href="../daysoutinthenewforest/daysoutpage_1.html" title="Days Out in the New Forest "><br />
          </a>  - lots of ideas for inexpensive<br />  
          days out in the New Forest </div></th>
        <th width="1" valign="middle" class="tablemediumbluebackground" scope="row">&nbsp;</th>
        <th width="134" height="53" valign="middle" class="bodycopy" scope="row"><div align="center"><a href="../traffic_news.html" title="New Forest Traffic News"></a><a href="../placestovisit/aintroandnavigation/introandnavigation.html" title="Places to visit" class="bodycopy13fontdarkblue">Places to Visit</a><br />
           - the top twenty from around the region
</div></th>
        <th width="1" valign="middle" class="tablemediumbluebackground" scope="row">&nbsp;</th>
        <td width="203" height="53" valign="middle" class="bodycopy"><div align="center"><a href="../sitefolders/whatson/whatsonintroandsecondlevelnav.html" title="What's On in the New Forest?" class="bodycopy13fontdarkblue">What's On in the New Forest?</a><br />
 - an indispensible guide 
to<br /> 
events and activities </div></td>
      </tr>
      
    </table></td>
    <td width="101" class="tablemedbluebackgrounddarkblueborder"><table width="104" border="0" align="center" cellspacing="0" class="tablepalebluebackgrounddarkblueborder" id="Digitalimages">
      <tr>
        <th height="53" valign="middle" class="bodycopy" scope="row"><div align="center"><a href="../sitefolders/weather_forecasts/new_forest_weather_forecast.html" title="New Forest Weather Forecast" class="bodycopy13fontdarkblue">New Forest Weather Forecast</a></div></th>
      </tr>
      
    </table></td>
  </tr>
  <tr valign="top">
    <th class="tablemedbluebackgrounddarkblueborder" scope="row"><table width="90" border="2" align="center" cellpadding="5" cellspacing="0" class="tablewhiteborder" id="Navigation">
      <tr class="tablewhiteborder">
        <th class="bodycopy" scope="row"><table width="87" border="1" align="left" cellpadding="3" cellspacing="0" class="tabledarkblueborder" id="Homepage">
          <tr class="tablepalebluebackground">
            <th width="87" class="bodycopy" scope="row"><div align="left" class="bodycopy"><a href="../index.html" title="Home page" class="bodycopy13fontdarkblue">Home Page</a></div></th>
          </tr>

        </table></th>
      </tr>
      <tr>
        <th class="bodycopy" scope="row"><table width="93" border="2" cellpadding="0" cellspacing="0" class="tabledarkblueborder">
          <tr>
            <td width="89" height="72"><table width="81" border="0" align="center" cellpadding="3" cellspacing="0" class="tablepalebluebackground">
              <tr>
                <td><div align="left"><a href="../sitefolders/imagegallery/slideshows/slideshowlandscapes/slideshowlandscapes.html" title="New Forest Slide Show - enjoy the New Forest's many moods" class="bodycopy13fontdarkblue">Stress relief the New Forest way</a></div></td>
              </tr>
            </table></td>
          </tr>
        </table></th>
      </tr>
      <tr>
        <th class="bodycopy" scope="row"><table width="93" border="2" align="left" cellpadding="3" cellspacing="0" class="tabledarkblueborder" id="Townsandvillages">
          <tr class="tablepalebluebackground">
            <th class="bodycopy" scope="row"><div align="left" class="bodycopy"><a href="../sitefolders/villages/aintroduction/introductionpage.html" title="New Forest villages" class="bodycopy13fontdarkblue">New Forest Villages</a> </div></th>
          </tr>
          <tr>
            <th height="23" class="bodycopy" scope="row"><div align="left" class="bodycopy">
                <div align="left"><a href="../sitefolders/villages/beaulieu/welcome/beaulieuwelcomepage.html" title="Beaulieu" class="bodycopy13font">Beaulieu</a></div>
            </div></th>
          </tr>
          <tr class="tabledarkblueborder">
            <th height="23" class="bodycopy" scope="row"><div align="left" class="bodycopy">
                <div align="left"><a href="../sitefolders/villages/brockenhurst/welcome/brockenhurstwelcomepage.html" title="Brockenhurst" class="bodycopy13font">Brockenhurst</a></div>
            </div></th>
          </tr>
          <tr class="tabledarkblueborder">
            <th height="23" class="bodycopy" scope="row"><div align="left" class="bodycopy">
                <div align="left"><a href="../sitefolders/villages/burley/welcome/burleywelcomepage.html" title="Burley" class="bodycopy13font">Burley</a></div>
            </div></th>
          </tr>
          <tr class="tabledarkblueborder">
            <th height="23" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/villages/lyndhurst/welcome/welcomepage.html" title="Lyndhurst" class="bodycopy13font">Lyndhurst</a></div></th>
          </tr>
        </table></th>
      </tr>
      <tr>
        <th class="bodycopy" scope="row"><table width="93" border="2" align="left" cellpadding="3" cellspacing="0" class="tabledarkblueborder" id="Walks">
          <tr class="tablepalebluebackground">
            <th class="bodycopy" scope="row"><div align="left" class="bodycopy"><a href="../sitefolders/walks/asecondlevelnavigation/introductionpage.html" title="New Forest walks" class="bodycopy13fontdarkblue">New Forest Walks</a> </div></th>
          </tr>

          <tr>
            <th height="40" class="bodycopy" scope="row"><div align="left" class="bodycopy">
                <div align="left" class="bodycopy13font">Beaulieu walks </div>
            </div></th>
          </tr>
          <tr>
            <th height="23" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/walks/boldre/boldrewalkpage.html" title="Boldre" class="bodycopy13font">Boldre</a></div></th>
          </tr>
          <tr>
            <th height="23" class="bodycopy" scope="row"><div align="left" class="bodycopy">
                <div align="left"><a href="../sitefolders/walks/brockenhurst/introandwalknavigationpage/introandnavigationpage.html" title="Brockenhurst" class="bodycopy13font">Brockenhurst</a></div>
            </div></th>
          </tr>
          <tr>
            <th height="23" class="bodycopy" scope="row"><div align="left" class="bodycopy">
                <div align="left" class="bodycopy13font">Burley </div>
            </div></th>
          </tr>
          <tr>
            <th height="23" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/walks/Lyndhurst/lyndintroandnavigpage/secondlevelnavifgationpage.html" title="Lyndhurst " class="bodycopy13font">Lyndhurst </a></div></th>
          </tr>
        </table></th>
      </tr>
      <tr>
        <th class="bodycopy" scope="row"><table width="93" border="2" align="left" cellpadding="3" cellspacing="0" class="tabledarkblueborder" id="Cyclerides">
          <tr class="tablepalebluebackground">
            <th class="bodycopy" scope="row"><div align="left" class="bodycopy"><a href="../sitefolders/cycling/cyclingintro/cyclingintropage.html" title="New Forest Cycle Rides" class="bodycopy13fontdarkblue">New Forest Cycling</a></div></th>
          </tr>
          <tr>
            <th height="40" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/cycling/cyclingintro/secondlevelnavigationpage.html" title="A selection of Cycle Routes " class="bodycopy13font">A   selection of Cycle Rides </a></div></th>
          </tr>

**andywalmsley** · 01-09-2012, 08:16 AM

Code:

<tr>
            <th height="40" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/cycling/cyclehire/cyclehiremappage.html" title="New Forest Cycle Hire" class="bodycopy13font">New Forest Cycle Hire</a></div></th>
          </tr>
        </table></th>
      </tr>
      <tr>
        <th height="255" class="bodycopy" scope="row"><table width="93" border="2" align="left" cellpadding="3" cellspacing="0" class="tabledarkblueborder" id="Wildlife">
          <tr bgcolor="#CCCCFF" class="tablepalebluebackground">
            <th class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/wildlife/aintroduction/wildlifeintropage.html" title="New Forest  Wildlife" class="bodycopy13fontdarkblue">The Wild Forest</a></div></th>
          </tr>
          <tr>
            <th height="23" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/wildlife/birds/aasecondlevelnavigation/birdssecondlevelnavigation.html" title="Birds" class="bodycopy13font">Birds</a></div></th>
          </tr>
          <tr>
            <th class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/wildlife/insects/insectsecondlevelnavigation/secondlevelnavpage.html" title="Butterflies,  dragonflies,   other insects" class="bodycopy13font">Butterflies,  dragonflies,   other insects</a></div></th>
          </tr>
          <tr>
            <th height="23" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/wildlife/fungi/fungiintro/fungiintropage.html" title="Fungi" class="bodycopy13font">Fungi</a></div></th>
          </tr>
          <tr>
            <th height="23" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/wildlife/mammals/aasecondlevelnavigation/secondlevelnavigationpage.html" title="Mammals" class="bodycopy13font">Mammals</a></div></th>
          </tr>
          <tr>
            <th height="40" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/wildlife/reptilesandamphibians/aasecondlevelnavigation/reptilesandamphibianspage.html" title="Reptiles and amphibians" class="bodycopy13font">Reptiles and amphibians</a></div></th>
          </tr>
          <tr>
            <th height="23" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/wildlife/wildflowers/aasecondlevelnavigation/plantssecondlevelnavigation.html" title="Link to the wild flowers pages" class="bodycopy13font">Wild flowers</a></div></th>
          </tr>
          <tr>
            <th height="40" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/wildlifenewsandnotes/secondlevelnavigation/secondlevelnavigationpage.html" title="Wildlife and Environmental News" class="bodycopy13font">Wildlife, Environmental and other News</a></div></th>
          </tr>
          <tr>
            <th height="40" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/wildlifecalendars/wildlifecalendarsnavigation.html" title="Wildlife Calendars" class="bodycopy13font"> Wildlife Calendars</a></div></th>
          </tr>
          <tr>
            <th height="23" class="bodycopy" scope="row"><div align="left" class="bodycopy13font"><a href="../sitefolders/imagegallery/imagegallerypage.html" title="Image gallery">Image gallery</a></div></th>
          </tr>
        </table></th>
      </tr>
      <tr>
        <th class="bodycopy" scope="row"><table width="93" align="left" cellpadding="3" cellspacing="0" class="tabledarkblueborder" id="Landscapes">
          <tr class="tablepalebluebackground">
            <th class="bodycopy" scope="row"><div align="left" class="bodycopy"><a href="../sitefolders/landscape/aintroduction/landscapeintropage.html" title="New Forest Landscapes" class="bodycopy13fontdarkblue">New Forest Landscapes</a></div></th>
          </tr>
        </table></th>
      </tr>
      <tr>
        <th class="bodycopy" scope="row"><table width="93" border="2" align="left" cellpadding="3" cellspacing="0" class="tabledarkblueborder" id="Cyclerides">
          <tr class="tablepalebluebackground">
            <th height="58" class="bodycopy" scope="row"><div align="left" class="bodycopy"><a href="../sitefolders/commoning/aintroduction/commoningintropage.html" title="New Forest Common Rights" class="bodycopy13fontdarkblue">The Commoners' Forest</a></div></th>
          </tr>
          <tr>
            <th height="23" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/commoning/pasture/pasturepage.html" title="Ponies " class="bodycopy13font">Ponies </a></div></th>
          </tr>
          <tr>
            <th height="23" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/commoning/mast/mastpage.html" title="Pigs" class="bodycopy13font">Pigs</a></div></th>
          </tr>
          <tr>
            <th height="40" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/commoning/fuelwood/fuelwoodpage.html" title="Fuel for the fire" class="bodycopy13font">Fuel for the fire</a></div></th>
          </tr>
        </table></th>
      </tr>
      <tr>
        <th height="316" class="bodycopy" scope="row"><table width="93" border="2" align="left" cellpadding="3" cellspacing="0" class="tabledarkblueborder" id="History">
          <tr class="tablepalebluebackground">
            <th class="bodycopy" scope="row"><div align="left" class="bodycopy"><a href="../sitefolders/history/historypage.html" title="New Forest history" class="bodycopy13fontdarkblue">A little bit of history</a></div></th>
          </tr>

          <tr>
            <th height="40" class="bodycopy" scope="row"><div align="left" class="bodycopy">
                <div align="left"><a href="../sitefolders/villages/beaulieu/historyintro/beaulieuhistorypage.html" title="Beaulieu history " class="bodycopy13font">Beaulieu history </a></div>
            </div></th>
          </tr>
          <tr>
            <th height="23" class="bodycopy" scope="row"><div align="left" class="bodycopy">
                <div align="left"><a href="../sitefolders/villages/brockenhurst/historyintro/brockenhursthistorypage.html" title="Brockenhurst History" class="bodycopy13font">Brockenhurst</a></div>
            </div></th>
          </tr>
          <tr>
            <th height="23" class="bodycopy" scope="row"><div align="left" class="bodycopy">
                <div align="left"><a href="../sitefolders/villages/burley/historyintro/burleyhistorypage.html" title="Burley" class="bodycopy13font">Burley</a></div>
            </div></th>
          </tr>
          <tr>
            <th height="40" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/villages/lyndhurst/aasecondlevelnavigation/secondlevelpage.html" title="Lyndhurst history " class="bodycopy13font">Lyndhurst history </a></div></th>
          </tr>
          <tr>
            <th height="40" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/history/inclosurehistory/inclosurehistorypage.html" title="Woodland Inclosures " class="bodycopy13font">Woodland Inclosures </a></div></th>
          </tr>
          <tr>
            <th class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/faqs/aasecondlevelnavigation/faqssecondlevelnavigation.html" title="Shapes in the landscape" class="bodycopy13font">Shapes in the landscape</a></div></th>
          </tr>
          <tr>
            <th height="40" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/villages/anoldimagesgallery/thumbnailpage.html" title="New Forest scenes from days-gone-by" class="bodycopy13font">Scenes from days-gone-by</a></div></th>
          </tr>
        </table></th>
      </tr>
      
    </table></th>
    <td><!-- TemplateBeginEditable name="Centraleditableregion" --> 
      <h1 class="tablewhitebackground">&nbsp;</h1>
      <!-- TemplateEndEditable -->
    <p>&nbsp;</p></td>
    <td class="tablemedbluebackgrounddarkblueborder"><table width="104" border="2" cellpadding="5" cellspacing="0" class="tablewhiteborder" id="linksandcomments">
              <tr><td class="bodycopy"><table width="88" border="1" align="center" cellpadding="3" cellspacing="0" class="tabledarkblueborder" id="Placestostay">
          <tr>
            <th width="78" class="tablepalebluebackground" scope="row"><div align="left" class="bodycopy"><a href="../accom_intro/accom_intro_page.html" title="New Forest Places to Stay" class="bodycopy13fontdarkblue">New Forest Places to Stay</a></div></th>
          </tr>
          <tr>
            <th class="bodycopy" scope="row"><div align="left" class="bodycopy">
                <div align="left"><a href="../bedandbreakfast/aintroandnavigation/introandnavpage.html" title="New Forest Bed and Breakfast " class="bodycopy13font">New Forest Bed and Breakfast </a></div>
            </div></th>
          </tr>
          <tr>
            <th height="40" class="bodycopy" scope="row"><div align="left" class="bodycopy">
                <div align="left"><a href="../selfcatering/aintroandnavigation/introandnavpage.html" title="New Forest Self Catering " class="bodycopy13font">New Forest<br /> 
                  Self Catering </a></div>
            </div></th>
          </tr>