We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 1169
    • 312 Posts
    boy am I glade you guys took over.

    I was strugeling with the order of the div’s in the template.
      DEVELOPMENT ENV:- Ubuntu 12.04 | MODx Revolution 2.2.8 | LAMP 2i Apache 2.2.22 | Php 5.3.10 | Mysql 5.5.31 MySQL client version: 5.5.31
      • 32932
      • 14 Posts
      Hi Paulp, and others, very busy weekend but I wanted to show/share... I have tried your original method (which has helped in the solution I have so far been most successful with).

      It’s looking a bit off using this method so as per your last post I am going to show the page placing the code where you have suggested and perhaps you can suggest some fixes for it. In the name of learning I would be interested to know where to go from this place. Thanks

      Code is as follows/recommended (I believe)

      <!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>
        <title>[(site_name)] | [*pagetitle*]</title>
        <meta http-equiv="Content-Type" content="text/html; charset=[(modx_charset)]" />
        <base href="[(site_url)]"></base>
        <link rel="stylesheet" href="assets/templates/modxhost/layout.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="assets/templates/modxhost/modxmenu.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="assets/templates/modxhost/form.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="assets/templates/modxhost/modx.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="assets/templates/modxhost/print.css" type="text/css" media="print" />
        <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="[(site_url)][~11~]" />
        <script src="manager/media/script/mootools/mootools.js" type="text/javascript"></script>
        <script src="assets/templates/modxhost/drop_down_menu.js" type="text/javascript"></script>
      </head>
      <body>
      <div id="wrapper">
        <div id="minHeight"></div>
        <div id="outer">
          <div id="inner">
            <div id="left">
              <div id="left-inner">
                <div id="content">
                  <div class="post">
                    <h2>[*longtitle*]</h2><div id="flash"><object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="775" height="276" align="middle">
            <param name="movie" value="http://www.hpdistributors.com/top.swf" />
            <param name="quality" value="high" />
            <embed src="http://alpswebdemos.com/lighting/images/~top-new.swf" width="775" height="276" align="right" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed>
          </object></div>
                    [*#content*] </div>
                  <!-- close .post (main column content) -->
                </div>
                <!-- close #content -->
              </div>
              <!-- end left-inner -->
            </div>
            <!-- end left -->
          </div>
          <!-- end inner -->
      <div id="clearfooter"></div>
          <div id="header">
            <h1><a id="logo" href="[~[(site_start)]~]" title="[(site_name)]">[(site_name)]</a></h1>
            <div id="search"><!--search_terms--><span id="search-txt">SEARCH</span><a name="search"></a>[!AjaxSearch? ajaxSearch=`1` &AS_landing=`8` &moreResultsPage=`8` &showMoreResults=`1` &addJscript=`0` &extract=`0` &AS_showResults=`0`!]</div>
            <div id="ajaxmenu"> [[Wayfinder?startId=`0` &outerTpl=`mh.OuterTpl` &innerTpl=`mh.InnerTpl` &rowTpl=`mh.RowTpl` &innerRowTpl=`mh.InnerRowTpl` &firstClass=`first` &hereClass=``]] </div>
            <!-- end topmenu -->
          </div>
          <!-- end header -->
        </span>
          <br style="clear:both;height:0;font-size: 1px" />
          <div id="footer">
            <p> <a href="http://modxcms.com" title="Ajax CMS and PHP Application Framework">Powered
                by MODx</a>  <a href="http://www.modxhost.com/" title="Template Designed by modXhost.com">Template © 2006
                modXhost.com</a><br />
              MySQL: [^qt^], [^q^] request(s), PHP: [^p^], total: [^t^], document retrieved
              from [^s^]. </p>
          </div>
          <!-- end footer -->
        </div>
        <!-- end outer div -->
      </div>
      <!-- end wrapper -->
      </body>
      </html>


      ...And screenshot is attached to show the straight ’out-of-the-box’ results. As you can see aside from the slightly askew positioning, the page title is sitting above the movie at this point which is the biggest noticeable flaw.

      Still seeing the white border around some of the flash movie frames, guessing it has to do with the resize of the swf movie in the html (don’t have flash so I can’t edit the flash file, nor do I have access to the .fla or .as files even if I did have flash). Again if anyone knows more about flash than I do (there are a lot of people in that category) would love to hear more about why that is occuring! Tried to keep the movie size ’ratio’ the same I believe.
        • 18913
        • 654 Posts
        Placing
        <h2>[*longtitle*]</h2>

        just after the flash call should take care of the first problem ...
        MattC
          • 32932
          • 14 Posts
          Oh right, of course ! smiley

          Here we are with this now: Looking pretty good but of course hanging out a bit to the right smiley

          <!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>
            <title>[(site_name)] | [*pagetitle*]</title>
            <meta http-equiv="Content-Type" content="text/html; charset=[(modx_charset)]" />
            <base href="[(site_url)]"></base>
            <link rel="stylesheet" href="assets/templates/modxhost/layout.css" type="text/css" media="screen" />
            <link rel="stylesheet" href="assets/templates/modxhost/modxmenu.css" type="text/css" media="screen" />
            <link rel="stylesheet" href="assets/templates/modxhost/form.css" type="text/css" media="screen" />
            <link rel="stylesheet" href="assets/templates/modxhost/modx.css" type="text/css" media="screen" />
            <link rel="stylesheet" href="assets/templates/modxhost/print.css" type="text/css" media="print" />
            <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="[(site_url)][~11~]" />
            <script src="manager/media/script/mootools/mootools.js" type="text/javascript"></script>
            <script src="assets/templates/modxhost/drop_down_menu.js" type="text/javascript"></script>
          </head>
          <body>
          <div id="wrapper">
            <div id="minHeight"></div>
            <div id="outer">
              <div id="inner">
                <div id="left">
                  <div id="left-inner">
                    <div id="content">
                      <div class="post">
          <div id="flash"><object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="775" height="276" align="middle">
                <param name="movie" value="http://www.hpdistributors.com/top.swf" />
                <param name="quality" value="high" />
                <embed src="http://alpswebdemos.com/lighting/images/~top-new.swf" width="775" height="276" align="right" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed>
              </object></div>
                        <h2>[*longtitle*]</h2>
                        [*#content*] </div>
                      <!-- close .post (main column content) -->
                    </div>
                    <!-- close #content -->
                  </div>
                  <!-- end left-inner -->
                </div>
                <!-- end left -->
              </div>
              <!-- end inner -->
          <div id="clearfooter"></div>
              <div id="header">
                <h1><a id="logo" href="[~[(site_start)]~]" title="[(site_name)]">[(site_name)]</a></h1>
                <div id="search"><!--search_terms--><span id="search-txt">SEARCH</span><a name="search"></a>[!AjaxSearch? ajaxSearch=`1` &AS_landing=`8` &moreResultsPage=`8` &showMoreResults=`1` &addJscript=`0` &extract=`0` &AS_showResults=`0`!]</div>
                <div id="ajaxmenu"> [[Wayfinder?startId=`0` &outerTpl=`mh.OuterTpl` &innerTpl=`mh.InnerTpl` &rowTpl=`mh.RowTpl` &innerRowTpl=`mh.InnerRowTpl` &firstClass=`first` &hereClass=``]] </div>
                <!-- end topmenu -->
              </div>
              <!-- end header -->
            </span>
              <br style="clear:both;height:0;font-size: 1px" />
              <div id="footer">
                <p> <a href="http://modxcms.com" title="Ajax CMS and PHP Application Framework">Powered
                    by MODx</a>  <a href="http://www.modxhost.com/" title="Template Designed by modXhost.com">Template © 2006
                    modXhost.com</a><br />
                  MySQL: [^qt^], [^q^] request(s), PHP: [^p^], total: [^t^], document retrieved
                  from [^s^]. </p>
              </div>
              <!-- end footer -->
            </div>
            <!-- end outer div -->
          </div>
          <!-- end wrapper -->
          </body>
          </html>



          Thanks for the discussion and I hope it helps not only myself but others as well wink
            • 18913
            • 654 Posts
            Your left and left-inner styling statements having padding on the left of 7 and 9 px. So the flash call can’t be inside those tags if you want it flush to the left.

            Which means it needs to be right after the inner tag smiley

            MattC
              • 32932
              • 14 Posts
              :) Ha. Which is why it was working best before...