Make gallery appear below sidebar

Question

valestrom 17 Junior Poster in Training

12 Years Ago

So I'm making this website off a template, but I recently came across a problem. If I insert the Webstunning Gallery I got it appears overtop my sidebar when it stretches out, so I can't see the navigation. Is there any way to send the flash document to a more bottom layer instead of being on top, or make the sidebar always appear on top? I'm using Dreamweaver CS5.5 and here's the long code for this page.

<!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">

<!-- #BeginTemplate "../../Templates/template.dwt" -->

<head>
<!-- #BeginEditable "meta" -->
<title>WL Plastics - Foran Equipment</title>
<meta name="Keywords" content="place your keywords here" />
<meta name="Description" content="place a description for your webpage here" />
<!-- #EndEditable -->

<!-- language content -->
<meta name="language" content="en-US" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

<!-- shared style sheets -->
<link href="../../Site/styles/template.css" rel="stylesheet" type="text/css" />
<link href="../../Site/styles/common.css" rel="stylesheet" type="text/css" />

<!-- IE6 style -->
<!--[if lte IE 6]> 
    <script>
    document.write('<link href="Site/styles/ie6.css" rel="stylesheet" type="text/css" />')
    </script>
        <noscript>
        <link href="../Site/styles/ie6.css" rel="stylesheet" type="text/css" />
        </noscript>
<![endif]-->
<!-- IE7 style -->
<!--[if lte IE 7]> 
    <script>
    document.write('<link href="Site/styles/ie7.css" rel="stylesheet" type="text/css" />')
    </script>
        <noscript>
        <link href="../Site/styles/ie7.css" rel="stylesheet" type="text/css" />
        </noscript>
<![endif]-->

<!-- alternate style -->
<!-- #BeginEditable "alternate style" -->
<link href="../../Site/styles/alternate/alternate2.css" rel="stylesheet" type="text/css" />
<!-- #EndEditable -->

<!-- #BeginEditable "flash_variables" -->
<script type="text/javascript">
// if this page is in:
//   the root folder, then set this variable to ./
//   a sub folder one level deep, then set this variable to ../
//   a sub folder two levels deep, then set this variable to ../../
var rootFlashLocation = "./";

// define the "themed" image
// define the "themed" image
var imgURL          = "Site/themed_images/template_header_left.jpg";
var imgURL2         = "Site/themed_images/template_header_right.jpg";

// set the swipe and fade effect for the multi-level menus
var multiLevelMenuEnableSwipe = true;
var multiLevelMenuEnableFade  = true;

</script>
<!-- #EndEditable -->

<!-- javascript files -->
<script type="text/javascript" src="../../Site/javascript/special_functions.js"></script>
<script type="text/javascript">AC_FL_RunContent = 0; </script>
<script type="text/javascript">DetectFlashVer = 0; </script>
<script type="text/javascript" src="../../Site/javascript/AC_RunActiveContent.js"></script>
<script type="text/javascript">
<!--
// Globals
// Major version of Flash required
var requiredMajorVersion = 8;
// Minor version of Flash required
var requiredMinorVersion = 0;
// Revision of Flash required
var requiredRevision = 0;
// -->
</script>

<!-- #BeginEditable "menu" -->
<script type="text/javascript" src="../../Site/javascript/menu.js">

/***********************************************
* All Levels Navigational Menu- (c) Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<!-- #EndEditable -->

<!-- IE6 png fix -->
<!--[if lt IE 7.]>
<script defer type="text/javascript" src="Site/javascript/pngfix.js"></script>
<script type="text/javascript" src="Site/javascript/menuie6.js"></script>

<![endif]-->

</head>

<body>
<!-- outer background -->
<div id="tobg"><div class="tobg2"><div class="tobg6"><div class="tobg4"><div class="tobg8"><div class="tobg5"><div class="tobg7"><div class="tobg3"><div class="tobg1">

<!--begin main-->
<div id="main" style="width:100%">

<!--SEO H1 -->
<div id="templateseo_1" style=" position:absolute; top:30px; left:119px; width:262px; z-index:200;">
<!-- #BeginEditable "seo_h1" -->
<h1>Welcome or Title</h1>
<!-- #EndEditable -->
</div>

<!--SEO H2 -->
<div id="templateseo_2" style=" position:absolute; top:65px; left:120px; width:262px; z-index:200;">
<!-- #BeginEditable "seo_h2" -->
<h2>Page description goes here!</h2>
<!-- #EndEditable -->
</div>


<!--begin header-->
<div id="header">

    <!--begin header background graphics-->
    <div class="header2"><div class="header3"><div class="header1">

        <!--begin header wrapper-->
        <div class="header_wrapper">

        <!--header_image_right begin-->  

        <div id="header_image_right" style="position:absolute; width:320px; height:405px; top:150px; right:150px;">

                <script type="text/javascript">
                    if (AC_FL_RunContent == 0) {
                        alert("This page requires AC_RunActiveContent.js.");
                    } else {
                        AC_FL_RunContent(
                            'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0','width', '320','height', '405','src', rootFlashLocation + 'Site/flash/header_right_bg','quality', 'high','pluginspage', 'http://www.macromedia.com/go/getflashplayer','align', 'middle','play', 'true','loop', 'true','base', rootFlashLocation,'scale', 'showall','wmode', 'transparent','devicefont', 'false','id', 'header_right_bg','bgcolor', '#ffffff','name', 'header_right_bg','menu', 'true','allowFullScreen', 'false','allowScriptAccess','sameDomain','movie', rootFlashLocation + 'Site/flash/header_right_bg','salign', '', 'FlashVars', 'imgURL2=' + imgURL2
                            ); //end AC code
                    }
                </script>
                <noscript>
                <div>
                    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="320" height="405" id="header_right_bg"><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" /><param name="movie" value="../../Site/flash/header_right_bg.swf" /><param name="src" value="../../Site/flash/header_right_bg.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="base" value="Site/flash/" />
                      <!--[if !IE]-->       
                      <object type="application/x-shockwave-flash" data="../../Site/flash/header_right_bg.swf" width="320" height="405"><param name="quality" value="high" /><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" /><param name="wmode" value="transparent" /><param name="base" value="Site/flash/" />
                        <!--[endif]-->          
                      <!--[if !IE]-->       
                      </object>        
                      <!--[endif]-->          
                    </object>
                  </div>
                </noscript>  


        </div>
        <!--header_image_right end-->        

        <!--header_image_left begin-->
        <div id="header_image_left" style="position:absolute; width:320px; height:405px; top:116px; left:90px; z-index:501;">

                <script type="text/javascript">
                    if (AC_FL_RunContent == 0) {
                        alert("This page requires AC_RunActiveContent.js.");
                    } else {
                        AC_FL_RunContent(
                            'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0','width', '320','height', '405','src', rootFlashLocation + 'Site/flash/header_left_bg','pluginspage', 'http://www.macromedia.com/go/getflashplayer','scale', 'showall','base', rootFlashLocation,'wmode', 'transparent','id', 'header_left_bg','name', 'header_left_bg','movie', rootFlashLocation + 'Site/flash/header_left_bg','salign', '', 'FlashVars', 'imgURL=' + imgURL
                            );
                    }
                </script>
                <noscript>
                <div>
                    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="320" height="405" id="header_left_bg"><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" /><param name="movie" value="../../Site/flash/header_left_bg.swf" /><param name="src" value="../../Site/flash/header_left_bg.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="base" value="Site/flash/" />
                      <!--[if !IE]-->       
                      <object type="application/x-shockwave-flash" data="../../Site/flash/header_left_bg.swf" width="320" height="405"><param name="quality" value="high" /><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" /><param name="wmode" value="transparent" /><param name="base" value="Site/flash/" />
                        <!--[endif]-->          
                      <!--[if !IE]-->       
                      </object>        
                      <!--[endif]-->          
                    </object>
                  </div>
                </noscript>  


        </div>   
        <!--header_image_left end-->


        <!--begin website name-->
        <div id="logo_wrapper" style="width:100%; position:absolute;top:0px;">
            <div id="logo" style="width:990px; z-index:10;">

                <script type="text/javascript">
                    if (AC_FL_RunContent == 0) {
                        alert("This page requires AC_RunActiveContent.js.");
                    } else {
                        AC_FL_RunContent(
                            'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0','width', '990','height', '150','src', rootFlashLocation + 'Site/flash/logo','quality', 'high','pluginspage', 'http://www.macromedia.com/go/getflashplayer','align', 'middle','play', 'true','loop', 'true','base', rootFlashLocation,'scale', 'showall','wmode', 'transparent','devicefont', 'false','id', 'logo','bgcolor', '#ffffff','name', 'logo','menu', 'true','allowFullScreen', 'false','allowScriptAccess','sameDomain','movie', rootFlashLocation + 'Site/flash/logo','salign', ''
                            ); //end AC code
                    }
                </script>
                <noscript>
                <div>
                    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="990" height="150" id="flash_logo"><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" /><param name="movie" value="../../Site/flash/logo.swf" /><param name="src" value="../../Site/flash/logo.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="base" value="Site/flash/" />
                      <!--[if !IE]-->       
                      <object type="application/x-shockwave-flash" data="../../Site/flash/logo.swf" width="990" height="150"><param name="quality" value="high" /><param name="allowScriptAccess" value="sameDomain" /><param name="allowFullScreen" value="false" /><param name="wmode" value="transparent" /><param name="base" value="Site/flash/" />
                        <!--[endif]-->          
                      <!--[if !IE]-->       
                      </object>        
                      <!--[endif]-->          
                    </object>
                  </div>
                </noscript>

        </div>
        <!--end website name--></div>


        <!--themed image-->
        <div id="themed_image" style="left:0px; top:250px; position:absolute; z-index:500;">
        <!-- #BeginEditable "themed_image" -->
        <!--webbot bot="Include" U-Include="Library/expression-fp/themed_image.htm" TAG="BODY" startspan --><!-- #BeginLibraryItem "/Library/dreamweaver/themed_image.lbi" -->
<img src="../../Site/themed_images/themed_image.png" width="150" height="275" alt="themed image" /><!-- #EndLibraryItem --><!--webbot bot="Include" i-checksum="29870" endspan --><!-- #EndEditable --></div>

        <!--logo-->
        <div id="logo_graphic" style="text-align:left; position:absolute; left:0px; top:0px;">  
        <!--webbot bot="Include" U-Include="Library/expression-fp/logo.htm" TAG="BODY" startspan --><!-- #BeginLibraryItem "/Library/dreamweaver/logo.lbi" --><img src="../../Site/graphics/logo.png" alt="logo" />
<!-- #EndLibraryItem --><!--webbot bot="Include" i-checksum="33115" endspan --></div>       

        <!--icons-->
        <div id="icons" style="left:173px; top:5px; position:absolute; width:170px; height:17px; z-index:520;">
        <!--webbot bot="Include" U-Include="Library/expression-fp/icons.htm" TAG="BODY" startspan --><!-- #BeginLibraryItem "/Library/dreamweaver/icons.lbi" -->
<div class="icons">
<img alt="icon1" src="../../Site/graphics/icon1.png" width="16" height="15" /><a href="../../index.htm" class="icon1">Home</a> 
<img alt="icon2" src="../../Site/graphics/icon2.png" width="16" height="15" /><a href="../../contact.htm" class="icon2">Contact</a>
<img alt="icon3" src="../../Site/graphics/icon3.png" width="16" height="15" /><a href="../../sitemap.htm" class="icon3">Search</a>
</div>
<!-- #EndLibraryItem --><!--webbot bot="Include" i-checksum="1303" endspan --></div>

        <!--time_date-->
        <div id="timedate" style="left:118px; top:99px; position:absolute; width:262px; height:17px; z-index:15">
        <!--webbot bot="Include" U-Include="Library/expression-fp/time_date.htm" TAG="BODY" startspan -->
<span id="clock"></span> 
<!--webbot bot="Include" i-checksum="9734" endspan --></div>

        <!-- tabmenu -->
        <div id="tabcontainer" style="left:450px; top:0px; position:absolute; z-index:500">
        <div id="tabmenu">
        <!--webbot bot="Include" U-Include="Library/expression-fp/menu_top.htm" TAG="BODY" startspan --><!-- #BeginLibraryItem "/Library/dreamweaver/menu_top.lbi" -->
<div id="ddtopmenubar" class="topmenu">
<ul>
<li><a href="../../index.htm"             title="Home">                       <span>Home</span></a></li>
<li><a href="../../jobs.htm"      title="Jobs"    rel="sub1top">      <span>Jobs</span></a></li>
<li><a href="../../services.htm"      title="Services"    rel="sub2top">      <span>Services</span></a></li>

<li><a href="../../photo_gallery.htm"     title="Photos">                     <span>Photos</span></a></li>
<li><a href="../../sitemap.htm"       title="Search">                     <span>Search</span></a></li>
</ul>
</div>

<script type="text/javascript">
ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
</script>

<!--Top Drop Down Menu 1 HTML-->


<ul id="sub1top" class="ddsubmenustyle">


<li><a href="../../catalog.htm#1">Useless</a></li>


<li><a href="../../catalog.htm#2">Item 2</a></li>


<li><a href="../../catalog.htm#3">Category 3</a>

    <ul>
      <li><a href="#">Item 3 Sub 3.1</a></li>
      <li><a href="#">Item 3 Sub 3.2</a></li>
      <li><a href="#">Item 3 Sub 3.3</a></li>
      <li><a href="#">Sub Category 3.4</a><ul>
        <li><a href="#">Item 3 Sub 3.4.1</a></li>
        <li><a href="#">Item 3 Sub 3.4.2</a></li>
        <li><a href="#">Item 3 Sub 3.4.3 </a></li>
    </ul>
    </li>

  </ul>

</li>

<li><a href="../../catalog.htm#4">Item 4</a></li>


<li><a href="../../catalog.htm#5">Category 5</a>
    <ul>
      <li><a href="#">Item 5 Sub 5.1</a></li>
      <li><a href="#">Item 5 Sub 5.2</a></li>
      <li><a href="#">Item 5 Sub 5.3</a></li>
      <li><a href="#">Sub Category 5.4</a>
        <ul>
            <li><a href="#">Item 5 Sub 5.4.1</a></li>
            <li><a href="#">Item 5 Sub 5.4.2</a></li>
            <li><a href="#">Item 5 Sub 5.4.3</a></li>
            <li><a href="#">Item 5 Sub 5.4.4</a></li>
        </ul>
      </li>
    </ul>
</li>


<li><a href="../../catalog.htm#6">Item 6</a></li>

</ul>


<!--Top Drop Down Menu 2 HTML-->

<ul id="sub2top" class="ddsubmenustyle">

<li><a href="../../services.htm#silver">Silver</a>
    <ul>
        <li><a href="#">Silver 1</a></li>
        <li><a href="#">Silver 2</a></li>
        <li><a href="#">Silver 3</a></li>
    </ul>
</li>

<li><a href="../../services.htm#gold">Gold</a>
    <ul>
        <li><a href="#">Gold 1</a></li>
        <li><a href="#">Gold 2</a></li>
        <li><a href="#">Gold 3</a></li>
        <li><a href="#">Gold 4</a></li>
    </ul>
</li>

<li><a href="../../services.htm#platinum">Platinum</a>
  <ul>
      <li><a href="#">Platinum 1</a></li>
      <li><a href="#">Platinum 2</a></li>
      <li><a href="#">Platinum 3</a></li>
      <li><a href="#">Platinum 4</a></li>
      <li><a href="#">Platinum 5</a></li>
  </ul>
</li>

</ul>

<!--Top Drop Down Menu 3 HTML-->

<ul id="sub3top" class="ddsubmenustyle">

<li><a href="../../$_alternate1.htm">1 Column Layout</a></li>
<li><a href="../../$_alternate2.htm">2 Column Layout</a></li>
<li><a href="../../$_alternate3.htm">3 Column Layout</a></li>
<li><a href="../../$_alternate4.htm">4 Column Layout</a></li>
<li><a href="../../$_alternate5.htm">5 Column Layout</a></li>

</ul>

<!-- #EndLibraryItem --><!--webbot bot="Include" i-checksum="30334" endspan --></div></div>
        <!-- tabmenu end -->

</div></div></div></div>
<!--end header--></div>


<!-- inner background -->
<div id="tibg"><div class="tibg2"><div class="tibg6"><div class="tibg4"><div class="tibg8"><div class="tibg5"><div class="tibg7"><div class="tibg3"><div class="tibg1">

<!--begin content-->
<table class="content_wrapper" border="0" cellpadding="0" cellspacing="0" width="100%" style="z-index:1;">
            <tr>

                <td class="columnleftpad"></td>

                <td class="column1">

<div class="body1" style="width: 100%">              
<!-- #BeginEditable "body1" -->

<!--main menu -->    
    <!--webbot bot="Include" U-Include="Library/expression-fp/menu_side.htm" TAG="BODY" startspan --><!-- #BeginLibraryItem "/Library/dreamweaver/menu_side.lbi" -->
<!--
  <div class="maincontainer">

        <table style="width: 100%" cellpadding="0" cellspacing="0"> 
            <tr>
                <td>
                <table style="width: 100%" cellpadding="0" cellspacing="0">
                    <tr>
                        <td class="headerleft"><h3>MainMenu</h3></td>
                        <td class="headerright">&nbsp;</td>
                    </tr>
                </table>
                </td>
            </tr>
            <tr>
                <td>
                <table style="width: 100%" cellpadding="0" cellspacing="0">
                    <tr>
                        <td class="leftcolumn"></td>
                        <td class="maincontent">
--> 
<div class="maincontent">    
<h3>MainMenu</h3>             
<div class="bg">


<!-- menu  -->
<div id="ddsidemenubar" class="sidemenu">
<ul>
<li><a href="../../index.htm"             title="Home">                       <span>Home</span></a></li>
<li><a href="../../jobs.htm"      title="Jobs"    rel="sub1">         <span>Jobs</span></a></li>
<li><a href="../../services.htm"      title="Services"    rel="sub2">     <span>Services</span></a></li>
<li><a href="../../$_alternate1.htm"  title="Layouts"     rel="sub3">     <span>Layouts</span></a></li>
<li><a href="../../photo_gallery.htm"     title="Photos">                     <span>Photos</span></a></li>
<li><a href="../../sitemap.htm"       title="Search">                     <span>Search</span></a></li>
</ul>
</div>

<script type="text/javascript">
ddlevelsmenu.setup("ddsidemenubar", "sidebar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
</script>

<!--Side Drop Down Menu 1 HTML-->



<!--Side Drop Down Menu 2 HTML-->

<ul id="sub1" class="ddsubmenustyle sidesubmenu">

<li><a href="2006.htm">2006</a>
    <ul>
        <li><a href="WLPlastics.htm">WL Plastics</a></li>

    </ul>
</li>

<li><a href="../2007/2007.htm">2007</a> </li>

<li><a href="../2008/2008.htm">2008</a>
  <ul>
      <li><a href="../2008/Camgill.htm">Camgill</a></li>
      <li><a href="../2008/Villageofbeiseker.htm">Village of Beiseker</a></li>

  </ul>
</li>
<li><a href="#">2009</a>
  <ul>
      <li><a href="../2009/Villageofcarbon.html">Village of Carbon</a></li>
      <li><a href="../2009/Cityofairdrie.html">City of Airdrie</a></li>
      <li><a href="../2009/Townofdrumheller.html">Town of Drumheller</a></li>
      <li><a href="../2009/Townofcrossfield.html">Town of Crossfield</a></li>
      <li><a href="../2009/Albertatransportation.html">Alberta Transportation</a></li>
      <li><a href="../2009/Govermentofalberta.html">Government of Alberta</a></li>
  </ul>
<li><a href="../2010.html">2010</a>
  <ul>
      <li><a href="../2010/Townofdidsbury.html">Town of Didsbury</a></li>
      <li><a href="../2010/Townofclaresholm.html">Town of Claresholm</a></li>
      <li><a href="../2010/Ivanhoecambridge.html">Ivanhoe Cambridge Inc.</a></li>
      <li><a href="../2010/Kevinpeterson.html">Kevin Peterson</a></li>
      <li><a href="../2010/Townofthreehills.html">Town of Three Hills</a></li>
      <li><a href="../2010/Sierrasprings.html">Sierra Springs</a></li>
      <li><a href="../2010/Villageofelnora.html">Village of Elnora</a></li>
      <li><a href="../2010/Creeksidebp.html">Creekside Boston Pizza</a></li>
  </ul>

</ul>
<ul id="sub2" class="ddsubmenustyle sidesubmenu">

<li><a href="../../Services/Services.html">Services</a></li>

<li><a href="../../Services/Healthsafety.html">Health & Safety</a></li>
<li><a href="../../Services/Environmental.html">Environmental</a></li>
</ul>
<!--Side Drop Down Menu 3 HTML-->



<!-- end menu / do not edit beyond this line -->


</div></div>

<!--
                        </td>
                        <td class="rightcolumn"></td>
                    </tr>
                </table>
                </td>
            </tr>
            <tr>
                <td>
                <table style="width: 100%" cellpadding="0" cellspacing="0">
                    <tr>
                        <td class="bottomleft">&nbsp;</td>
                        <td class="bottomright">&nbsp;</td>
                    </tr>
                </table>

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

</div>
-->
<!-- #EndLibraryItem --><!--webbot bot="Include" i-checksum="56749" endspan -->
<p>&nbsp;</p>

<div class="divider"></div>

<!--whats new -->    
    <!--webbot bot="Include" U-Include="Library/expression-fp/$_whats_new.htm" TAG="BODY" startspan -->
<!-- #BeginLibraryItem "/Library/dreamweaver/$_whats_new.lbi" -->
<div class="maincontainer1">

        <table style="width: 100%" cellpadding="0" cellspacing="0">
            <tr>
                <td>
                <table style="width: 100%" cellpadding="0" cellspacing="0">
                    <tr>
                        <td class="headerleft1">&nbsp;</td>
                        <td class="headerright1">&nbsp;</td>
                    </tr>
                </table>
                </td>
            </tr>
            <tr>
                <td>
                <table style="width: 100%" cellpadding="0" cellspacing="0">
                    <tr>
                        <td class="leftcolumn1">&nbsp;</td>
                        <td class="maincontent1">    
<div class="bg1">
<h3>WhatsNew</h3> 
<h4>Heading</h4>                  
<p>Content goes here, and here and here and here! Lorem ipsum dolor sit amet, 
consectetuer adipiscing elit. Vestibulum eget leo. Donec vestibulum. </p>
</div>
                        </td>
                        <td class="rightcolumn1"></td>
                    </tr>
                </table>
                </td>
            </tr>
            <tr>
                <td>
                <table style="width: 100%" cellpadding="0" cellspacing="0">
                    <tr>
                        <td class="bottomleft1">&nbsp;</td>
                        <td class="bottomright1">&nbsp;</td>
                    </tr>
                </table>

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

</div>
<!-- #EndLibraryItem -->

<!--webbot bot="Include" i-checksum="40731" endspan -->
<p>&nbsp;</p>

<div class="divider"></div>

<!-- current news -->
    <!--webbot bot="Include" U-Include="Library/expression-fp/$_current_news.htm" TAG="BODY" startspan -->
<!-- #BeginLibraryItem "/Library/dreamweaver/$_current_news.lbi" -->
<div class="maincontainer1">

        <table style="width: 100%" cellpadding="0" cellspacing="0">
            <tr>
                <td>
                <table style="width: 100%" cellpadding="0" cellspacing="0">
                    <tr>
                        <td class="headerleft1">&nbsp;</td>
                        <td class="headerright1">&nbsp;</td>
                    </tr>
                </table>
                </td>
            </tr>
            <tr>
                <td>
                <table style="width: 100%" cellpadding="0" cellspacing="0">
                    <tr>
                        <td class="leftcolumn1">&nbsp;</td>
                        <td class="maincontent1">
<div class="bg1">
<h3>CurrentNews</h3>                  
<h4>Heading</h4>
<p>Content goes here, and here and here and here! Lorem ipsum dolor sit amet, 
consectetuer adipiscing elit. Vestibulum eget leo. Donec vestibulum. </p>
</div>
                        </td>
                        <td class="rightcolumn1"></td>
                    </tr>
                </table>
                </td>
            </tr>
            <tr>
                <td>
                <table style="width: 100%" cellpadding="0" cellspacing="0">
                    <tr>
                        <td class="bottomleft1">&nbsp;</td>
                        <td class="bottomright1">&nbsp;</td>
                    </tr>
                </table>

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

</div>
<!-- #EndLibraryItem -->

<!--webbot bot="Include" i-checksum="26986" endspan -->
<p>&nbsp;</p>

<div class="divider"></div>

<!-- recent events -->
    <!--webbot bot="Include" U-Include="Library/expression-fp/$_recent_events.htm" TAG="BODY" startspan -->
<!-- #BeginLibraryItem "/Library/dreamweaver/$_recent_events.lbi" -->
<div class="maincontainer1">

        <table style="width: 100%" cellpadding="0" cellspacing="0">
            <tr>
                <td>
                <table style="width: 100%" cellpadding="0" cellspacing="0">
                    <tr>
                        <td class="headerleft1">&nbsp;</td>
                        <td class="headerright1">&nbsp;</td>
                    </tr>
                </table>
                </td>
            </tr>
            <tr>
                <td>
                <table style="width: 100%" cellpadding="0" cellspacing="0">
                    <tr>
                        <td class="leftcolumn1">&nbsp;</td>
                        <td class="maincontent1">    
<div class="bg1">    
<h3>RecentNews</h3>
<h4>Heading</h4>                              
<p>Content goes here, and here and here and here! Lorem ipsum dolor sit amet, 
consectetuer adipiscing elit. Vestibulum eget leo. Donec vestibulum. </p>
</div>
                        </td>
                        <td class="rightcolumn1"></td>
                    </tr>
                </table>
                </td>
            </tr>
            <tr>
                <td>
                <table style="width: 100%" cellpadding="0" cellspacing="0">
                    <tr>
                        <td class="bottomleft1">&nbsp;</td>
                        <td class="bottomright1">&nbsp;</td>
                    </tr>
                </table>

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

</div>
<!-- #EndLibraryItem -->

<!--webbot bot="Include" i-checksum="23673" endspan -->
<p>&nbsp;</p>


<!-- #EndEditable -->
</div>

                </td>
                <td class="column2">

<div class="body2" style="width: 100%">
<!-- #BeginEditable "body2" -->  
<!-- #EndEditable -->
</div>

                </td>
                <td class="column3">

<div class="body3" style="width: 100%">              
<!-- #BeginEditable "body3" -->

<!--start column-->

<div class="maincontainer2">

        <table style="width: 100%" cellpadding="0" cellspacing="0">
            <tr>
                <td>
                <table style="width: 100%" cellpadding="0" cellspacing="0">
                    <tr>
                        <td class="headerleft2" >&nbsp;</td>
                        <td class="headerright2">&nbsp;</td>
                    </tr>
                </table>
                </td>
            </tr>
            <tr>
                <td>
                <table style="width: 100%" cellpadding="0" cellspacing="0">
                    <tr>
                        <td class="leftcolumn2"></td>                     
                        <td class="maincontent2">
<div class="bg2">                        
<h3>WL Plastics</h3>
<h4>Project Name: Earthworks &amp; Site Services</h4>
<h4>Date: 2006</h4>
<h4>Project Manager: Bill Foran</h4>
<h4>Superintendent: Leon Prefontaine</h4>
<p>&nbsp;</p>

<h4>Job Description:</h4>
<p>Content goes here, and here and here and here!</p>
<p>&nbsp;</p>
<div id="webstunning_photo_gallery" >
  <!-- Press Ctrl+Shift+A to edit the player -->
  <script src="Gallery_files/swfobject_modified.js" type="text/javascript"></script>
  <!-- saved from url=(0014)about:internet -->
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="600" height="399" id="WSgallery">
    <param name="movie" value="Gallery_files/gallery.swf" />
    <param name="quality" value="high" />
    <param name="bgColor" value="#000000" />
    <param name="allowScriptAccess" value="always" />
    <param name="swliveconnect" value="true" />
    <param name="allowFullScreen" value="true" />
    <param name="swfversion" value="8.0.0.0" />
    <param name="FlashVars" value="_configXMLPath=Gallery_files/config.xml&_imageListXMLPath=Gallery_files/image_list.xml" />
    <!-- This param tag prompts users with Flash Player 7.0 and older to download the latest version of Flash Player. -->
    <param name="expressinstall" value="Gallery_files/expressInstall.swf" />
    <noscript>
      The <a href="http://www.webstunning.com/photo-gallery/">photo gallery</a> made by webstunning.com. All Rights Reserved
      </noscript>
    <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
    <!--[if !IE]>-->
    <object data="Gallery_files/gallery.swf" type="application/x-shockwave-flash" width="600" height="399" id="innerWSgallery">
      <!--<![endif]-->
      <param name="quality" value="high" />
      <param name="bgColor" value="#000000" />
      <param name="allowScriptAccess" value="always" />
      <param name="swliveconnect" value="true" />
      <param name="allowFullScreen" value="true" />
      <param name="swfversion" value="8.0.0.0" />
      <param name="FlashVars" value="_configXMLPath=Gallery_files/config.xml&_imageListXMLPath=Gallery_files/image_list.xml" />
      <param name="expressinstall" value="Gallery_files/expressInstall.swf" />
      <!-- The browser displays the following alternative content for users with Flash Player 7.0 and older. -->
      <div>
        <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
        <p><a href="http://www.adobe.com/go/getflashplayer"><img border="0" src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Download flash player"/></a></p>
      </div>
      <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
  </object>
  <script type="text/javascript">swfobject.registerObject("WSgallery")</script>
</div>
<p>&nbsp;</p>

<p>&nbsp;</p> 

                            </div></td>
                        <td class="rightcolumn2"></td>

</tr>
                </table>
                </td>
            </tr>
            <tr>
                <td>
                <table style="width: 100%" cellpadding="0" cellspacing="0">
                    <tr>
                        <td class="bottomleft2">&nbsp;</td>
                        <td class="bottomright2">&nbsp;</td>
                    </tr>
                </table>

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

</div>

<!-- #EndEditable -->
</div>

                </td>
                <td class="column4">

<div class="body4" style="width: 100%">              
<!-- #BeginEditable "body4" -->
<!-- #EndEditable -->
</div>

                </td>
                <td class="column5">

<div class="body5" style="width: 100%">              
<!-- #BeginEditable "body5" -->
<!-- #EndEditable -->
</div>
                </td>

                <td class="columnrightpad"></td>

            </tr>
<!-- columns end --></table>


<!-- extra columns or tables -->
<div class="clear">&nbsp;</div>

        <div class="special1">                   
            <!-- #BeginEditable "special1" -->
<p>&nbsp;</p>         <p>&nbsp;</p>
            <!-- #EndEditable -->
        </div>


<!--begin footer-->
<div id="footer">

<!-- contact bookmark -->

        <div id="contact_bookmark">
            <!--webbot bot="Include" U-Include="Library/expression-fp/contact_bookmark.htm" TAG="BODY" startspan --><!-- #BeginLibraryItem "/Library/dreamweaver/contact_bookmark.lbi" --><a href="../../contact.htm">
<img src="../../Site/graphics/contact_us.png" class="contact_button" alt="contact us" width="100" height="45" /></a>

<a href="javascript:bookmark()">
<img src="../../Site/graphics/favorites.png" class="favorites_button" alt="bookmark" width="100" height="45" /></a>

<!-- #EndLibraryItem --><!--webbot bot="Include" i-checksum="6577" endspan --></div>

<!-- copyright_links -->

        <div id="copyright_links">
            <!--webbot bot="Include" U-Include="Library/expression-fp/copyright_links.htm" TAG="BODY" startspan --><!-- #BeginLibraryItem "/Library/dreamweaver/copyright_links.lbi" -->
<div class="copyright">
Copyright 2012. Foran Equipment Ltd. All Rights Reserved.
</div>

<div class="bottom_links">
<a href="../../index.htm">Home</a> | 
<a href="../../catalog.htm">Catalog</a> | 
<a href="../../services.htm">Services</a> | 
<a href="../../faqs.htm">FAQs</a> | 
<a href="../../contact.htm">Contact</a> | 
<a href="../../about.htm">About</a> | 
<a href="../../privacy.htm">Privacy</a> | 
<a href="../../sitemap.htm">Sitemap</a>

</div>
<!-- #EndLibraryItem --><!--webbot bot="Include" i-checksum="28480" endspan --></div>

<!-- end footer --></div>


<!--end inner background--></div></div></div></div></div></div></div></div></div>


<!--end main--></div>


<!--end outer background--></div></div></div></div></div></div></div></div></div>


<!--special editalble region for scripts or links-->
        <div class="special2">                   
            <!-- #BeginEditable "special1" -->
            <!-- #EndEditable -->
        </div>

</body>
<!-- #EndTemplate -->
</html>

flash web-design

2 Contributors
1 Reply
313 Views
1 Month Discussion Span
Latest Post 12 Years Ago Latest Post by dany12

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

dany12 13 Light Poster · Answer 1 · 2012-06-16T09:09:13+00:00

If you use css and find that flash object or gallery you can create a div and put it in that div then you can style it with css or use a jquery plugin for your gallery