17 Replies Latest reply: Jul 30, 2012 6:45 AM by cherishrose12344321 RSS

    Html Postion

    cherishrose12344321

      How do i make this

       

          <marquee scrollamount="1" scrolldelay="10" direction="up" width="200" height="150" style="font-family: Verdana; font-size: 8pt">

      George Wells-Hartog Hutton Developments <br>

      "Jim & his team at Ipswich Timber Frame have carried out the design and installation of a number of timber frames for our projects. They are a professional company that deliver an outstanding product at a competitive price. Everything that we need"

      </marquee>

      Go to the left side of my page no the middle. Thanks

        • 1. Re: Html Postion
          osgood_ CommunityMVP

          Put it n a <div> on the left side of your page?

           

          What have you got on the left of the page where you want this scroller to appear, a <div>, a table??

          • 2. Re: Html Postion
            cherishrose12344321 Community Member

            HOw do i put a div tag on the left side. I have nothing on the left side of my web page.

            • 3. Re: Html Postion
              osgood_ CommunityMVP

              cherishrose12344321 wrote:

               

              HOw do i put a div tag on the left side. I have nothing on the left side of my web page.

               

              What is on your page now? Can you post the code here?

              • 4. Re: Html Postion
                cherishrose12344321 Community Member

                Sure i can; (dontwant the marquee in the middle.

                 

                <?xml version="1.0" encoding="iso-8859-1"?><!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><body>
                <title>Ipswich Timber Frame Ltd - Home</title>
                <meta name="title" content="Home" />
                <meta name="author" content="Administrator" />
                <meta name="description" content="We are an established Timber Frame manufacturing company in the Suffolk area also providing, design and/or erecting. Our team of carpenters, with 15 years experience between them, have the expertise and knowledge for small or large projects alike. Having made a reputation for supreme quality, vast scheduled manufacturing, and excellent service all round, we come well recommended from many development companies." />
                <meta name="keywords" content="Timber Frame, Manufacturing, Suffolk, Ipswich, carpenters" />
                <meta name="Generator" content="Joomla! - Copyright (C) 2005 - 2006 Open Source Matters. All rights reserved." />
                <meta name="robots" content="index, follow" />
                <link rel="shortcut icon" href="http://www.ipswichtimberframe.co.uk/images/favicon.ico" />
                <meta http-equiv="Content-Type" content="text/html;>charset=iso-8859-1" />
                <link href="style.css" rel="stylesheet" type="text/css" />
                </head>

                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td rowspan="6"> </td>
                    <td width="124" rowspan="6" class="left"> </td>
                    <td><a href="/index.html"><img src="logo.gif" alt="Home Page" width="850" height="151" border="0" /></a></td>
                    <td width="124" rowspan="6" class="right"> </td>
                    <td rowspan="6"> </td>
                  </tr>
                  <tr>
                    <td class="welcome"> </td>
                  </tr>
                  <tr>
                    <td class="topnav">  <table cellpadding="0" cellspacing="0" class="moduletable">
                    <tr>
                   <td>
                    <table width="100%" border="0" cellpadding="0" cellspacing="1"><tr><td nowrap="nowrap"><a href="index.html" class="mainlevel" id="active_menu">Home</a><span class="mainlevel"> | </span><a href="materials.html" class="mainlevel" >Materials</a><span class="mainlevel"> | </span><a href="gallery.html" class="mainlevel" >Gallery</a><span class="mainlevel"> | </span><a href="aboutus.html" class="mainlevel" >About Us</a><span class="mainlevel"> | </span><a href="contactus.html" class="mainlevel" >Contact Us</a><span class="mainlevel"> <a href="index.html" class="mainlevel" id="active_menu">Testimonials</a><span class="mainlevel"> </span><a href="Tesmon.html" class="mainlevel" ></a></td></tr></table>   </td>
                  </tr>
                  </table>
                  </td>
                  </tr>
                  <tr>
                    <td class="mainpage">
                 
                  <table class="contentpaneopen">
                    <tr>
                   <td valign="top" colspan="2">
                    <p align="center">
                   
                    <marquee scrollamount="1" scrolldelay="10" direction="up" width="200" height="150" style="font-family: Verdana; font-size: 8pt">
                George Wells-Hartog Hutton Developments <br>
                "Jim & his team at Ipswich Timber Frame have carried out the design and installation of a number of timber frames for our projects. They are a professional company that deliver an outstanding product at a competitive price. Everything that we need" <br>
                </br>

                “...We have worked with Ipswich Timber Frames a number of times and have always received a high standard, both in terms of service and of finished product. Design and construction is always as programmed and a pro-active approach to problem solving is a big reason for us to continue to use them in the future”
                Adam- Elliston Steady & Hawes <br>
                </br>

                </marquee>

                 
                </p>
                <blockquote>
                <blockquote>
                   <align="Left" style="font-size: 10pt; color: #39425a; font-family: 'Arial','sans-serif'"> We are a Suffolk based structural timber frame design, manufacture and build company. We are a Suffolk based structural timber frame design, manufacture and build company. With a team of first class structural engineers, designers, manufacturers and erectors, Ipswich Timber Frame’s aim is to provide a reliable, flexible and valued service.  We offer a total structural package, everything you need from start to finish. <h2>
                 
                 
                  <p align="center">
                   
                   <img width="748" src="offices banner.jpg" alt="offices banner.jpg" height="299" style="float: center; margin: 5px; width: 600px; height: 150px" title="offices resized.jpg" />
                  </p>
                  <p>
                   
                 
                  <align="Left" style="font-size: 10pt; color: #39425a; font-family: 'Arial','sans-serif'">We specialise in self build, public sector, cultural buildings, large complex housing, cart lodges and holiday homes. All our projects are carried out to the highest standards and professional finishes. All timber used are FSC/PEFC certified and from fully sustainable sources. We also carry full Professional Indemnity insurance
                <br>
                </br>
                <br>
                </br>


                  <h2><align="center"><span style="font-size: 10pt; color: #39425a"> If you require further information from our estimating department please contact us on </h2>

                  
                 
                  <br><h2><align="center" style="font-size: 10pt; color: #39425a">Telephone: 0845 5211 309 or 01473 613471</h2> <br>
                  <h2><align="center" style="font-size: 10pt; color: #39425a">Fax: 01473 612096</h2> </br>
                  <h2><align="center" style="font-size: 10pt; color: #39425a"><span class="main">Email:</span> <br>
                <script language='JavaScript' type='text/javascript'>
                <!--
                var prefix = '&#109;a' + 'i&#108;' + '&#116;o';
                var path = 'hr' + 'ef' + '=';
                var addy41312 = '&#101;nq&#117;&#105;r&#105;&#101;s' + '&#64;';
                addy41312 = addy41312 + '&#105;psw&#105;cht&#105;mb&#101;rfr&#97;m&#101;' + '&#46;' + 'c&#111;' + '&#46;' + '&#117;k';
                var addy_text41312 = '&#101;nq&#117;&#105;r&#105;&#101;s' + '&#64;' + '&#105;psw&#105;cht&#105;mb&#101;rfr&#97;m&#101;' + '&#46;' + 'c&#111;' + '&#46;' + '&#117;k';
                document.write( '<a ' + path + '\'' + prefix + ':' + addy41312 + '\'>' );
                document.write( addy_text41312 );
                document.write( '<\/a>' );
                //-->\n </script><script language='JavaScript' type='text/javascript'>
                <!--
                document.write( '<span style=\'display: none;\'>' );
                //-->
                </script>This e-mail address is being protected from spam bots, you need JavaScript enabled to view it
                <script language='JavaScript' type='text/javascript'>
                <!--
                document.write( '</' );
                document.write( 'span>' );
                //-->
                </script></h2></h2></span></h2>
                </blockquote>
                </blockquote> <br>


                <br>
                </br>
                <br>
                <br/>
                Created by


                   </td>
                  </tr>
                    </table>

                  <span class="article_seperator"> </span>

                  </td>
                  </tr>
                  <tr>
                    <td class="footer"><div align="center"> </td>




                  </tr>
                </table>

                 

                <div id="datacontainer" style="position:absolute;right:0px;top:10px;width:18%" onMouseover="scrollspeed=0" onMouseout="scrollspeed=cache">

                     <ul id="scroller"  >
                <li><a href="gallery.html"> <img src="pool.jpg" width="230" height="170"> </a></li> <br>
                <li><a href="gallery.html"><img src="barn.jpg" width="230" height="170"> <a></li> </br>
                <li><a href="gallery.html"> <img src="lightuphouse.jpg" width="230" height="170"> </a></li> <br>
                <li><a href="gallery.html"> <img src="housenotlitup.jpg" width="230" height="170"> </a></li> </br>
                <li><a href="gallery.html"> <img src="shapedbuilding.jpg" width="230" height="170"> </a></li><br>
                <li><a href="gallery.html"> <img src="outsidebarn.jpg" width="230" height="170"> </a></li></br>
                <li><a href="gallery.html"> <img src="nicenewhouse.jpg" width="230" height="170"> </a></li><br>
                <li><a href="gallery.html"> <img src="insideofdinningroom.jpg" width="230" height="170"> </a></li></br>
                    <li><a href="buildinggallery.html"> <img src="buildinginside.jpg" width="230" height="170"> </a></li><br>

                </ul>
                 

                <!-- END SCROLLER CONTENT -->

                </div>

                <script type="text/javascript">

                /***********************************************
                * IFRAME Scroller script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
                * This notice MUST stay intact for legal use
                * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
                ***********************************************/

                //Specify speed of scroll. Larger=faster (ie: 5)
                var scrollspeed=cache=1

                //Specify intial delay before scroller starts scrolling (in miliseconds):
                var initialdelay=0

                function initializeScroller(){
                dataobj=document.all? document.all.datacontainer : document.getElementById("datacontainer")
                dataobj.style.top="5px"
                setTimeout("getdataheight()", initialdelay)
                }

                function getdataheight(){
                thelength=dataobj.offsetHeight
                if (thelength==0)
                setTimeout("getdataheight()",1)
                else
                scrollDiv()
                }

                function scrollDiv(){
                dataobj.style.top=parseInt(dataobj.style.top)-scrollspeed+"px"
                if (parseInt(dataobj.style.top)<thelength*(-1))
                dataobj.style.top="5px"
                setTimeout("scrollDiv()",60)
                }

                if (window.addEventListener)
                window.addEventListener("load", initializeScroller, false)
                else if (window.attachEvent)
                window.attachEvent("onload", initializeScroller)
                else
                window.onload=initializeScroller

                </script>

                </body>
                </body><!-- 1340370890 -->


                thanks

                cherish

                • 5. Re: Html Postion
                  osgood_ CommunityMVP

                  You have a left <td> cell which has nothing in it? Is that where you want the scroller>

                  • 6. Re: Html Postion
                    osgood_ CommunityMVP

                    If you want it on the left side of your page insert it in the 'left' td cell. Move it down to where you want it positioned in the column by adding some top-padding to the css class 'left' which is attached to the <td> cell.

                     

                     

                    <td width="124" rowspan="6" class="left" valign="top">

                     

                         <marquee scrollamount="1" scrolldelay="10" direction="up" width="200" height="150" style="font-family: Verdana; font-size: 8pt">

                     

                    George Wells-Hartog Hutton Developments <br>

                     

                    "Jim & his team at Ipswich Timber Frame have carried out the design and installation of a number of timber frames for our projects. They are a professional company that deliver an outstanding product at a competitive price. Everything that we need"

                     

                    </marquee>

                     

                     

                     

                     

                         </td>

                    • 7. Re: Html Postion
                      cherishrose12344321 Community Member

                      What do i write in the css. Im clueless and my whole page has gone to the left..

                      • 8. Re: Html Postion
                        osgood_ CommunityMVP

                        Do have this page uploaded on the web?

                         

                        If so link us to it and say where you want this scroller to appear.

                         

                        I really have no idea what it is you are trying to do without seeing the page as a whole and then you saying where you want the scroller to appear.

                        • 9. Re: Html Postion
                          cherishrose12344321 Community Member

                          I dont sorry. I just want to put  a scrolling test bar on the left side of the page. I just dont know the code of how you do it

                          • 10. Re: Html Postion
                            MurraySummers CommunityMVP

                            First thing you should do is to get rid of the XML prolog (in bold) -

                             

                            <?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

                             

                            Then the next thing to do is to change this -

                             

                            </body>

                            </body><!-- 1340370890 -->

                             

                            to this -

                             

                            </body>

                            </html>

                             

                            Then change this -

                             

                            <head><body>

                            <title>Ipswich Timber Frame Ltd - Home</title>

                             

                            to this -

                             

                            <head>

                            <title>Ipswich Timber Frame Ltd - Home</title>

                             

                            and this -

                             

                            </head>

                            <table width="100%" border="0" cellspacing="0" cellpadding="0">

                             

                            to this -

                             

                            </head>

                            <body>

                            <table width="100%" border="0" cellspacing="0" cellpadding="0">

                             

                             

                            Now you're ready to start work - and whoever has been mucking around in your code, KEEP THEM OUT!

                             

                            The next thing to tackle is your very 'fragile' table structure.  In the interest of getting this code fixed quickly, I'll post this message and post back with the rest.

                            • 11. Re: Html Postion
                              cherishrose12344321 Community Member

                              Thanks i have altered what you have said and it cleared it up a bit.

                              Oh thanks that would be great.

                              • 12. Re: Html Postion
                                MurraySummers CommunityMVP

                                You have several instances of this (or variations of it) in your code -

                                 

                                <align="Left" style="font-size: 10pt; color: #39425a; font-family: 'Arial','sans-serif'">

                                 

                                There is no such tag.  Perhaps you intended for that to be this?

                                 

                                <h2 align="Left" style="font-size: 10pt; color: #39425a; font-family: 'Arial','sans-serif'">

                                 

                                Then, later, you have this -

                                 

                                <align="center"> (and 3 other variations)

                                 

                                I'm thinking again those all belong in the <h2> tag (I won't comment on the wisdom of using the <h2> tag as a layout tool the way you have).

                                 

                                But honestly, there's no way to tell what the original builder of this page intended.  It will be up to you to make the required changes.

                                • 13. Re: Html Postion
                                  cherishrose12344321 Community Member

                                  Thanks for you help. i will try and sort something out..

                                  • 14. Re: Html Postion
                                    MurraySummers CommunityMVP

                                    What's in your CSS stylesheet?

                                    • 15. Re: Html Postion
                                      cherishrose12344321 Community Member

                                      It is;

                                       

                                      html {
                                      height: 100%;
                                      font: 11px Arial, Verdana, sans-serif;
                                      }

                                      body {
                                      background-color: #3385c2;
                                      color: #3385C2;
                                      margin: 0px;
                                      padding: 0px;
                                          font: 11px Arial, Verdana, sans-serif;
                                      height: 50%;
                                      }

                                      .main {
                                      text-align: left;

                                      }

                                      .left {
                                      background: url(../images/left.gif);
                                      color: #3E6D89;
                                      width: 124px
                                      }

                                      .right {
                                      background: url(../images/right.gif);
                                      color: #3E6D89;
                                      width: 124px
                                      }

                                      .mainpage {
                                      background-color:#FFFFFF;
                                      vertical-align: top;
                                      text-align: left;
                                      color: #3385C2;
                                      width: 830px;
                                      padding: 10px;
                                      height: 10%;
                                      }

                                      .welcome {
                                      background: url(welcome.jpg);
                                      background-repeat: no-repeat;
                                      height: 150px;
                                      }

                                      .images {
                                      background: url(../images/images.jpg);
                                      background-repeat: no-repeat;
                                      height: 150px;
                                      }

                                      .logo {
                                      background: url(../images/logo.gif);
                                      background-repeat: no-repeat;
                                      height: 151px;
                                      }

                                      .topnav{
                                      background: url(topnavback2.jpg);
                                      background-repeat: no-repeat;
                                      height: 60px;
                                      text-align: center;
                                      }

                                      a.mainlevel:link, a.mainlevel:visited {
                                      display: inline;
                                      font-size: 10px;
                                      font-weight: bold;
                                      color: #fff;
                                      text-align: center;
                                      text-decoration: none;

                                      }

                                      a.mainlevel:hover {
                                      text-decoration: none;
                                      color: #1B4265;
                                      }

                                      p,td {
                                        font: 11px Verdana, Arial, sans-serif;
                                      }

                                      a {
                                        color: #3385C2;
                                        padding: 5px, 0px, 5px, 0px;
                                        text-decoration:none;
                                      }

                                      a:hover {
                                        padding: 5px, 0px, 5px, 0px;
                                        text-decoration:none;
                                        color: #CCC;
                                      }

                                      .mainlevel-nav {
                                      color: #000;
                                      padding-left: 10px;
                                      padding-right: 10px;

                                      .mainlevel {
                                      font-size: 14px;
                                      color: #ffffff;
                                      padding-left: 10px;
                                      padding-right: 10px;
                                      }

                                      table.moduletable {
                                         width: 850px;
                                      }

                                      h1 {
                                      font: 18px Arial, Verdana, sans-serif;
                                         font-weight: bold;
                                         color: #3385C2;
                                         margin: 0px;
                                         padding: 0px;
                                      }

                                      h2 {
                                      font: 17px Arial, Verdana, sans-serif;
                                         font-weight: bold;
                                         color: #000;
                                         margin: 0px;
                                         padding: 0px;
                                      }

                                      h3 {
                                      font: 15px Arial, Verdana, sans-serif;
                                         font-weight: bold;
                                         color: #fff;
                                         margin: 0px;
                                         padding: 0px;
                                      }

                                      .marquee img {border:none; padding:0; margin:0;}

                                       

                                      <style type="text/css">

                                      .gallerycontainer{
                                      position: absolute;

                                      }

                                      .thumbnail img{
                                      border: 1px solid white;
                                      margin: 0 5px 5px 0;
                                      }

                                      .thumbnail:hover{
                                      background-color: transparent;
                                      }

                                      .thumbnail:hover img{
                                      border: 1px solid blue;
                                      }

                                      .thumbnail span{ /*CSS for enlarged image*/
                                      position: absolute;
                                      background-color: white;
                                      padding: 5px;
                                      left: -1000px;
                                      border: 1px  gray;
                                      visibility: hidden;
                                      color: black;
                                      text-decoration: none;
                                      }

                                      .thumbnail span img{ /*CSS for enlarged image*/
                                      border-width: 0;
                                      padding: 2px;
                                      }

                                      .thumbnail:hover span{ /*CSS for enlarged image*/
                                      visibility: visible;
                                      top: 0;
                                      left: 230px; /*position where enlarged image should offset horizontally */
                                      z-index: 50;
                                      }

                                       

                                      <style type="text/css">

                                      body
                                      {background: #222;
                                      margin-top: 20px;}

                                      h3
                                      {color: #3385C2;
                                      font-family: Verdana;}

                                      .thumbnails img
                                      {height: 80px;
                                      border: 4px solid #555;
                                      padding: 1px;
                                      margin: 0 10px 10px 0;}

                                      .thumbnails img:hover
                                      {border: 4px solid #00ccff;
                                      cursor:pointer;}

                                      .preview img
                                      {border: 4px solid #444;
                                      padding: 1px;
                                      height: 450px;
                                      width: 450px;
                                      }</style>
                                      </style>

                                       

                                       

                                      #container {
                                          clear:left; 
                                          float:left; 
                                          overflow:hidden; 
                                          width:10%; 
                                          height:100%
                                      }


                                      #object {
                                              position:center;
                                      }

                                      • 16. Re: Html Postion
                                        MurraySummers CommunityMVP

                                        You have a number of errors in your CSS, too, with misplaced, redundant, and erroneous instances of both opening and closing <style> tags.  A CSS stylesheet should contain NO HTML.  Replace what you have with this -

                                         

                                        html {

                                                  height: 100%;

                                                  font: 11px Arial, Verdana, sans-serif;

                                        }

                                        body {

                                                  background-color: #3385c2;

                                                  color: #3385C2;

                                                  margin: 0px;

                                                  padding: 0px;

                                                  font: 11px Arial, Verdana, sans-serif;

                                                  height: 50%;

                                        }

                                        .main {

                                                  text-align: left;

                                        }

                                        .left {

                                                  background: url(../images/left.gif);

                                                  color: #3E6D89;

                                                  width: 124px

                                        }

                                        .right {

                                                  background: url(../images/right.gif);

                                                  color: #3E6D89;

                                                  width: 124px

                                        }

                                        .mainpage {

                                                  background-color: #FFFFFF;

                                                  vertical-align: top;

                                                  text-align: left;

                                                  color: #3385C2;

                                                  width: 830px;

                                                  padding: 10px;

                                                  height: 10%;

                                        }

                                        .welcome {

                                                  background: url(welcome.jpg);

                                                  background-repeat: no-repeat;

                                                  height: 150px;

                                        }

                                        .images {

                                                  background: url(../images/images.jpg);

                                                  background-repeat: no-repeat;

                                                  height: 150px;

                                        }

                                        .logo {

                                                  background: url(../images/logo.gif);

                                                  background-repeat: no-repeat;

                                                  height: 151px;

                                        }

                                        .topnav {

                                                  background: url(topnavback2.jpg);

                                                  background-repeat: no-repeat;

                                                  height: 60px;

                                                  text-align: center;

                                        }

                                        a.mainlevel:link, a.mainlevel:visited {

                                                  display: inline;

                                                  font-size: 10px;

                                                  font-weight: bold;

                                                  color: #fff;

                                                  text-align: center;

                                                  text-decoration: none;

                                        }

                                        a.mainlevel:hover {

                                                  text-decoration: none;

                                                  color: #1B4265;

                                        }

                                        p, td {

                                                  font: 11px Verdana, Arial, sans-serif;

                                        }

                                        a {

                                                  color: #3385C2;

                                                  padding: 5px, 0px, 5px, 0px;

                                                  text-decoration: none;

                                        }

                                        a:hover {

                                                  padding: 5px, 0px, 5px, 0px;

                                                  text-decoration: none;

                                                  color: #CCC;

                                        }

                                        .mainlevel-nav {

                                                  color: #000;

                                                  padding-left: 10px;

                                                  padding-right: 10px;

                                        }

                                        .mainlevel {

                                                  font-size: 14px;

                                                  color: #ffffff;

                                                  padding-left: 10px;

                                                  padding-right: 10px;

                                        }

                                        table.moduletable {

                                                  width: 850px;

                                        }

                                        h1 {

                                                  font: 18px Arial, Verdana, sans-serif;

                                                  font-weight: bold;

                                                  color: #3385C2;

                                                  margin: 0px;

                                                  padding: 0px;

                                        }

                                        h2 {

                                                  font: 17px Arial, Verdana, sans-serif;

                                                  font-weight: bold;

                                                  color: #000;

                                                  margin: 0px;

                                                  padding: 0px;

                                        }

                                        h3 {

                                                  font: 15px Arial, Verdana, sans-serif;

                                                  font-weight: bold;

                                                  color: #fff;

                                                  margin: 0px;

                                                  padding: 0px;

                                        }

                                        .marquee img {

                                                  border: none;

                                                  padding: 0;

                                                  margin: 0;

                                        }

                                        .gallerycontainer {

                                                  position: absolute;

                                        }

                                        .thumbnail img {

                                                  border: 1px solid white;

                                                  margin: 0 5px 5px 0;

                                        }

                                        .thumbnail:hover {

                                                  background-color: transparent;

                                        }

                                        .thumbnail:hover img {

                                                  border: 1px solid blue;

                                        }

                                        .thumbnail span { /*CSS for enlarged image*/

                                                  position: absolute;

                                                  background-color: white;

                                                  padding: 5px;

                                                  left: -1000px;

                                                  border: 1px gray;

                                                  visibility: hidden;

                                                  color: black;

                                                  text-decoration: none;

                                        }

                                        .thumbnail span img { /*CSS for enlarged image*/

                                                  border-width: 0;

                                                  padding: 2px;

                                        }

                                        .thumbnail:hover span { /*CSS for enlarged image*/

                                                  visibility: visible;

                                                  top: 0;

                                                  left: 230px; /*position where enlarged image should offset horizontally */

                                                  z-index: 50;

                                        }

                                        body {

                                                  background: #222;

                                                  margin-top: 20px;

                                        }

                                        h3 {

                                                  color: #3385C2;

                                                  font-family: Verdana;

                                        }

                                        .thumbnails img {

                                                  height: 80px;

                                                  border: 4px solid #555;

                                                  padding: 1px;

                                                  margin: 0 10px 10px 0;

                                        }

                                        .thumbnails img:hover {

                                                  border: 4px solid #00ccff;

                                                  cursor: pointer;

                                        }

                                        .preview img {

                                                  border: 4px solid #444;

                                                  padding: 1px;

                                                  height: 450px;

                                                  width: 450px;

                                        }

                                        #container {

                                                  clear: left;

                                                  float: left;

                                                  overflow: hidden;

                                                  width: 10%;

                                                  height: 100%

                                        }

                                        #object {

                                                  position: center;

                                        }

                                         

                                        Finally, change this -

                                         

                                        <td class="mainpage"><table class="contentpaneopen">
                                            <tr>
                                           <td valign="top" colspan="2">
                                            <p align="center">
                                           
                                            <marquee scrollamount="1" scrolldelay="10" direction="up" width="200" height="150" style="font-family: Verdana; font-size: 8pt">
                                        George Wells-Hartog Hutton Developments <br>
                                        "Jim & his team at Ipswich Timber Frame have carried out the design and installation of a number of timber frames for our projects. They are a professional company that deliver an outstanding product at a competitive price. Everything that we need" <br>
                                        </br>

                                        “...We have worked with Ipswich Timber Frames a number of times and have always received a high standard, both in terms of service and of finished product. Design and construction is always as programmed and a pro-active approach to problem solving is a big reason for us to continue to use them in the future”
                                        Adam- Elliston Steady & Hawes <br>
                                        </br>

                                        </marquee>

                                         
                                        </p>

                                         

                                        to this -

                                         

                                            <td class="mainpage"><table class="contentpaneopen">

                                                <tr>

                                                  <td valign="top" colspan="4"><marquee scrollamount="1" scrolldelay="10" direction="up" width="200" height="150" style="font-family: Verdana; font-size: 8pt">

                                                    George Wells-Hartog Hutton Developments <br>

                                                    "Jim & his team at Ipswich Timber Frame have carried out the design and installation of a number of timber frames for our projects. They are a professional company that deliver an outstanding product at a competitive price. Everything that we need" <br>

                                                    </br>

                                                    "...We have worked with Ipswich Timber Frames a number of times and have always received a high standard, both in terms of service and of finished product. Design and construction is always as programmed and a pro-active approach to problem solving is a big reason for us to continue to use them in the future"

                                                    Adam- Elliston Steady & Hawes <br>

                                                    </br>

                                                    </marquee>

                                                     </td>

                                                  <td valign="top" colspan="4">

                                         

                                        And you will have your marquee in the left-hand column.  Be aware that at viewport widths LESS than about 1240px, your page will begin to look truncated due to the overlap of the vertical scrolling images on the right with the content in the center table (that's entirely too wide anyhow).

                                        • 17. Re: Html Postion
                                          cherishrose12344321 Community Member

                                          THANK YOU THAT HAS BEEN MUCH HELPFUL