Html in navbar?

I am trying to run the following script and while the "navBar" opens up and becomes visible, I get an error message from bridge that says "could not locate remote server".
app.document.topNavbar.type = "html";
app.document.topNavbar.height = 100;
app.document.topNavbar.file = new File("c:\\x.html");
app.document.topNavbar.visible = true;
The file exists and I can view it with an html editor, but it just won't show in Bridge. I also tried using the path "/c/x.html" with no success.
Any ideas?

Here's one more thing to try. I have found that if you set the type to "html" after you set the "file" to point to your HTML file, the navbar will not show up. But, if you set the type to "html" first, it will work.
Here's a code snippet that worked for me:
var navbar = app.document.navbars.web.top;
navbar.height = 100;
navbar.type = "html";
navbar.file = "C:/navbar1.html"
navbar.visible = true;
For reference, this code snippet did NOT work (setting type to HTML after setting the file):
var navbar = app.document.navbars.web.top;
navbar.height = 100;
navbar.file = "C:/navbar1.html"
navbar.type = "html";
navbar.visible = true;
--John

Similar Messages

  • How can I use my Html/CSS Navigation bar to control an Edge Stage?

    I have an HTML/CSS navigation bar set up in my EDGE created page. The Navbar is not created in edge. I would like to use these buttons to control the stage. 
    Inside the stage the main timeline has labels and stop actions every 1.5 secs to create a horizontally sliding site.
    The labels are as follows: home, work, blog, profile, and contact. I can easily use a symbol created inside edge for example:
    sym.play("home");
    and animate a 6000px width symbol across my 1000px stage in 1000px increments.
    I do not want to use a symbol inside of edge to do this because I cannot create the effect that the html/css navbar has on mouseover inside of edge.
    So I am interested in knowing if I can use this bar to control my main timeline so I don't have to sacrifice design for functionality.
    currently the link list is setup with the standard hyperlink. What code would I use to play the stage on click of the html navbar?
    Many thanks to anyone who can help with this!
    Here is the code for the navbar:
    <div id="menu"><ul class="block-menu">
                        <li><a href="/home" class="three-d">
                                  Dynamic
                                  <span class="three-d-box"><span class="front">Dynamic</span><span class="back">Artisans</span></span>
                        </a></li>
                        <li><a href="/demos" class="three-d">
                                  Work
                                  <span class="three-d-box"><span class="front">Work</span><span class="back">Work</span></span>
                        </a></li>
                        <li><a href="/deals" class="three-d">
                                  Blog
                                  <span class="three-d-box"><span class="front">Blog</span><span class="back">Blog</span></span>
                        </a></li>
                        <li><a href="/about" class="three-d">
                                  Profile
                                  <span class="three-d-box"><span class="front">Profile</span><span class="back">Profile</span></span>
                        </a></li>
            <li><a href="/about" class="three-d">
                                  Contact
                                  <span class="three-d-box"><span class="front">Contact</span><span class="back">Contact</span></span>
                        </a></li>
              </ul>
    <span class="block-menu"></span></div>
    Full HTML:
    <!DOCTYPE html>
    <html>
    <head>
              <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
              <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
              <title>Untitled</title>
    <!--Adobe Edge Runtime-->
        <script type="text/javascript" charset="utf-8" src="workapp_edgePreload.js"></script>
        <style>
            .edgeLoad-EDGE-57204389 { visibility:hidden; }
                  .block-menu {
                                  display: block;
                                  background: #000;
                        .block-menu li {
                                  display: inline-block;
                        .block-menu li a {
                                  color: #fff;
                                  display: block;
                                  text-decoration: none;
                                  font-family: 'Passion One',Arial,sans-serif;
                                  -webkit-font-smoothing: antialiased;
                                  -moz-font-smoothing: antialiased;
                                  font-smoothing: antialiased;
                                  text-transform: uppercase;
                                  overflow: visible;
                                  line-height: 20px;
                                  font-size: 24px;
                                  padding: 15px 10px;
                        /* animation domination */
                        .three-d {
                                  -webkit-perspective: 200px;
                                  -moz-perspective: 200px;
                                  perspective: 200px;
                                  -webkit-transition: all .07s linear;
                                  -moz-transition: all .07s linear;
                                  transition: all .07s linear;
                                  position: relative;
                                  .three-d:not(.active):hover {
                                            cursor: pointer;
                                  .three-d:not(.active):hover .three-d-box,
                                  .three-d:not(.active):focus .three-d-box {
                                            -moz-transform: translateZ(-25px) rotateX(90deg);
                                            -webkit-transform: translateZ(-25px) rotateX(90deg);
                                            -o-transform: translateZ(-25px) rotateX(90deg);
                                            transform: translateZ(-25px) rotateX(90deg);
                        .three-d-box {
                                  -webkit-transition: all .3s ease-out;
                                  -moz-transition: all .3s ease-out;
                                  -ms-transition: all .3s ease-out;
                                  -o-transition: all .3s ease-out;
                                  transition: all .3s ease-out;
                                  -webkit-transform: translatez(-25px);
                                  -moz-transform: translatez(-25px);
                                  -o-transform: translatez(-25px);
                                  transform: translatez(-25px);
                                  -webkit-transform-style: preserve-3d;
                                  -moz-transform-style: preserve-3d;
                                  -ms-transform-style: preserve-3d;
                                  -o-transform-style: preserve-3d;
                                  transform-style: preserve-3d;
                                  pointer-events: none;
                                  position: absolute;
                                  top: 0;
                                  left: 0;
                                  display: block;
                                  width: 100%;
                                  height: 100%;
                        .front {
                                  -webkit-transform: rotatex(0deg) translatez(25px);
                                  -moz-transform: rotatex(0deg) translatez(25px);
                                  -o-transform: rotatex(0deg) translatez(25px);
                                  transform: rotatex(0deg) translatez(25px);
                        .back {
                                  -webkit-transform: rotatex(-90deg) translatez(25px);
                                  -moz-transform: rotatex(-90deg) translatez(25px);
                                  -o-transform: rotatex(-90deg) translatez(25px);
                                  transform: rotatex(-90deg) translatez(25px);
                                  color: #FFE7C4;
                        .front, .back {
                                  display: block;
                                  width: 100%;
                                  height: 100%;
                                  position: absolute;
                                  top: 0;
                                  left: 0;
                                  background: black;
                                  padding: 15px 10px;
                                  color: white;
                                  pointer-events: none;
                                  -moz-box-sizing: border-box;
                                  box-sizing: border-box;
        </style>
    <!--Adobe Edge Runtime End-->
    </head>
    <body>
    <div id="menu"><ul class="block-menu">
                        <li><a href="/home" class="three-d">
                                  Dynamic
                                  <span class="three-d-box"><span class="front">Dynamic</span><span class="back">Artisans</span></span>
                        </a></li>
                        <li><a href="/demos" class="three-d">
                                  Work
                                  <span class="three-d-box"><span class="front">Work</span><span class="back">Work</span></span>
                        </a></li>
                        <li><a href="/deals" class="three-d">
                                  Blog
                                  <span class="three-d-box"><span class="front">Blog</span><span class="back">Blog</span></span>
                        </a></li>
                        <li><a href="/about" class="three-d">
                                  Profile
                                  <span class="three-d-box"><span class="front">Profile</span><span class="back">Profile</span></span>
                        </a></li>
            <li><a href="/about" class="three-d">
                                  Contact
                                  <span class="three-d-box"><span class="front">Contact</span><span class="back">Contact</span></span>
                        </a></li>
              </ul>
    <span class="block-menu"></span></div>
    <div  id="Stage" class="EDGE-57204389">
    </div>
    </body>
    </html>

    I've come across this from the Edge API:
    Edge.getComposition(compId)
    Anyone having trouble with this same issue should try this:
    var targetComp = AdobeEdge.getComposition('TARGETCOMPID');
       targetComp.getStage().play();
    in their trigger or event handler.
    How I got it to work:
    <li><a href="javascript:var targetComp = AdobeEdge.getComposition('EDGE-57204389');
       targetComp.getStage().play();" class="three-d">
                                  Dynamic
                                  <span class="three-d-box"><span class="front">Dynamic</span><span class="back">Artisans</span></span>
                        </a></li>

  • Navbar Drop Downs Hidden

    On this page http://ironoakconnection.org/Photos/Gallery1/Gallery1.html the navbar drop down links are hidden for IE 5.5, 6 and 7. Click on Amenity Status to see the effect. The drop down's are OK on all other website pages.
    This problem does not occur on IE 8, FF, Opera, Chrome, Netscape and Safari.
    Any suggestions appreciated.
    Bob

    I had not looked at the user guide - I just looked, but did not find anything specific on drop downs. 

  • Spry Menu issues in Internet Explorer

    I have created a Spry menu for my website and although the menu appears to look fine in Firefox and Safari, the formatting changes in Internet Explorer(IE).
    1.sub menu bar is not dropping down below the main menu bar it is appearing at the top of the screen.
    2.When you hover over the sub menu bar items the font should be white however in IE it is appearing as an aqua color.
    3.The menu bar is not straight across the page, at the beginning and end there are chunks of the menu bar that appear white.
    Are there any fixes for these issues that would help to make the menu look consistent across all browsers.  The website page is
    www.applmgt.net/LMNtestpage/html, below is the code.  Any help would be appreciated as soon as possible.
    Code
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Process operators &#8211; woodbuffalo.net</title>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <link href="mystylesheet.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="print.css" rel="stylesheet" type="text/css" media="print"/>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
    <style type="text/css">
    <!--
    a:link {
        color: #300;
    -->
    </style></head>
    <!-- Start Superstats code version 7.0b.  Copyright 2007 MyComputer.com, Inc. More info available at http://www.mycomputer.com --><script language="JavaScript" type="text/javascript">/* You may give each page an identifying name, server, and channel on the next lines. */var pageName = "CostIntro";var pageType = "";var pageValue = "0";var product = "";/**** DO NOT ALTER ANYTHING BELOW THIS LINE! ****/var code = ' '; </script>
    <script src="http://code.superstats.com/code/ss/applicationswb/0/30b" type="text/javascript"></script>
    <script language="JavaScript" type="text/javascript">
    br = navigator.appName + parseInt(navigator.appVersion);
    if (code != ' ' || br == 'Netscape2') {
    document.write(code);
    } else {
    document.write(' <im'+'g src="http://code.superstats.com/b/ss/applicationswb/1'+ '?pageName=' + escape(pageName) + '" alt="" border=0>'); }</script>
    <noscript><img src="http://stats.superstats.com/b/ss/applicationswb/1" alt="" border=0></noscript><!-- End Superstats tracking code. -->
    <body vlink="#4E2C03">
    <table width="760" border="0" cellspacing="0" cellpadding="2">
      <tr>
        <td bordercolor="#CCCCCC" bgcolor="#CCCCCC"><img src="images/buffalobanner2.jpg" width="760" height="142"></td>
      </tr>
    </table>
    <table width="764" border="0" bgcolor="#4E2C03"cellspacing="0" cellpadding="0">
      <tr>
        <td width="311" "height="60"><font color="#FFFFFF" size="1" face="Arial, Helvetica, sans-serif"><a href="index.html" class="navbar">www.woodbuffalo.net</a> &gt; <a href="LMNtestStart.html" class="navbar">Labour
              Market News</a></font></td>
              <td width="136" height="65"><!-- BEGIN: Constant Contact Border Email List Button -->
    <div align="center">
    <table width="135" border="0" cellspacing="1" cellpadding="2" bgcolor="#330000">
    <tr>
    <td bgcolor="#FFFFFF" align="center"><div style="float: right; margin-right:3px; margin-top:2px; background-color: #330000;"><a href="http://visitor.constantcontact.com/d.jsp?m=1102570618937&p=oi" target="_blank"><img src="http://img.constantcontact.com/ui/images1/visitor/email5_trans.gif" alt="Email Newsletter icon, E-mail Newsletter icon, Email List icon, E-mail List icon" border="0" align="center"></a></div>
    <a href="http://visitor.constantcontact.com/d.jsp?m=1102570618937&p=oi"  style="text-decoration:none; font-weight:bold;  font-family:Arial; font-size:13px; color:#000000;" target="_blank">Join our FREE Subscriber List</a></td>
    </tr>
    </table>
    </div>
    <!-- END: Constant Contact Border Email List Button --> </td>
    <td width="299" height="65"><form action="http://www.applmgt.net/SearchResults.html" id="cse-search-box">
                <div>
                  <input type="hidden" name="cx" value="011832208051241677611:jmojvtncciq" />
                  <input type="hidden" name="cof" value="FORID:9" />
                  <input type="hidden" name="ie" value="UTF-8" />
                  <input type="text" name="q" size="31" />
                  <input type="submit" name="sa" value="Search" />
                </div>
              </form>
                <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script>
    </table><ul id="MenuBar1" class="MenuBarHorizontal">
          <table width="780" border="0" >
            <tr>
              <td><li><a class="MenuBarItemSubmenu" href="index.html"> Home</a>
      <li><a class="MenuBarItemSubmenu" href="#"> Employment
            </a>
              <ul>
                <li><a href="employINTRO.html">Introduction</a></li>
                <li><a href="aboutWages.html">Wages</a></li>
                <li><a href="employOG.html">Oil & Gas</a></li>
                <li><a href="employSERV.html">Service/Retail</a></li>
                  <li><a href="employCONST.html">Construction</a></li>
                <li><a href="employGOVED.html">Gov't/Education</a></li>
                <li><a href="employFOREST.html">Forestry</a></li>
                 <li><a href="employTRANS.html">Transportation</a></li>
                <li><a href="employHEALTH.html">Health</a></li>
            </ul>
    <li><a class="MenuBarItemSubmenu" href="#"> Training & Education</a>
              <ul>
                <li><a href="trainINTRO.html">
                <script type="text/javascript" src="SpryAssets/SpryMenuBar.js"></script>
                Introduction</a></li>
                <li><a href="trainSKILLS.html">General Skills</a></li>
                <li><a href="trainSAFE.html">Safety</a></li>
              </ul>
    <li><a class="MenuBarItemSubmenu" href="#"> About Wood Buffalo</a>
              <ul>
                <li><a href="aboutINTRO.html">Introduction</a></li>
                 <li><a href="MediaEvent.html">Coming Events</a></li>
                 <li><a href="AboutCostIntro" font size"12" class="MenuBarItemSubmenu">Cost of Living</a>
          <ul>
            <li><a href="AboutCostHouse.html">Housing</a></li>
            <li><a href="AboutCostAcc.html">Other Accommodations</a></li>
          </ul>
        </li>
        <li><a href="aboutStats.html">What's it like in Fort McMurray?</a></li>
        <li><a href="aboutBeforeMove.html">Before You Move</a></li>
      </ul>
    </li>
    <li><a class="MenuBarItemSubmenu" href="#"> Labour Market News</a>
            <ul>
                <li><a href="mediaINTRO.html">Introduction</a></li>
                <li><a href="mediaLMN.html">Labour Market News</a></li>
            </ul>
    <li><a class="MenuBarItemSubmenu" href="#">Links</a>
              <ul>
                <li><a href="linksINTRO.html">Introduction</a></li>
                <li><a href="AboutCostIntro" class="MenuBarItemSubmenu">Cost of Living</a>
          <ul>
            <li><a href="AboutCostHouse.html">Housing</a></li>
            <li><a href="AboutCostAcc.html">Other Accommodations</a></li>
          </ul>
        </li>
                <li><a href="linksEMPLIntro.html">Employer Websites</a></li>
                <li><a href="linksRESIntro.html">Resources</a></li>
                <li><a href="linksFACTSIntro.html">Fast Facts</a></li>
                <li><a href="ContactUS.html">Contact Us</a></li>
                <li><a href="privactStatement.html">Privacy Statement</a></li>
                <li><a href="disclaimer.html">Disclaimer</a></li>
                <li><a href="siteMAP.html">Site Map</a></li>
      </ul>
              <ul>
        </td>
      </tr> </td>
            </tr>
    </table>
    </table>
    <table width="764" border="0" cellspacing="0" cellpadding="4">
      <tr>
        <td width="760" height="40" bgcolor="#FFFFFF"><p><font color="#4E2C03" size="4" face="Arial, Helvetica, sans-serif"><strong>Process
                operators: Maintaining a career in the oil sands industry</strong></font><img src="images/darkLine.gif" width="750" height="3"></p>
        </td>
      </tr>
    </table>
    <table width="764" border="0" cellspacing="0" cellpadding="4">
    <tr>
        <td colspan="2" valign="top"><table width="760" border="0" cellspacing="0" cellpadding="4">
          <tr>
            <td width="135" valign="top"><table width="165" height="188" border="0" cellpadding="1" cellspacing="0" bgcolor="FFFFFF">
              <tr>
                <td><font color="#4E2C03" size="2" face="Arial, Helvetica, sans-serif"><strong>Main
                    story</strong></font></td>
              </tr>
              <tr>
                <td><font color="#4E2C03" size="2" face="Arial, Helvetica, sans-serif"><strong><img src="images/mediumLine120.gif" width="120" height="10"></strong></font></td>
              </tr>
              <tr>
                 <td><font color="#4E2C03" size="2" face="Arial, Helvetica, sans-serif"><strong>What's in a Name?</strong></font></td>
              </tr>
              <tr>
                <td><font color="#4E2C03" size="2" face="Arial, Helvetica, sans-serif"><strong><img src="images/mediumLine120.gif" width="120" height="10"></strong></font></td>
              </tr>
              <tr>
                <td><font color="#4E2C03" size="2" face="Arial, Helvetica, sans-serif"><strong>Schools Offering Programs</strong></font></td>
              </tr>
              <tr>
                <td><font color="#4E2C03" size="2" face="Arial, Helvetica, sans-serif"><strong><img src="images/mediumLine120.gif" width="120" height="10"></strong></font></td>
              </tr>
              <tr>
                <td><font color="#4E2C03" size="2" face="Arial, Helvetica, sans-serif"><strong>Apply for an Oilsands Job</strong></font></td>
              </tr>
              <tr>
                <td><p><font color="#4E2C03" size="2" face="Arial, Helvetica, sans-serif"><strong><img src="images/mediumLine120.gif" width="120" height="10"></strong></font></p></td>
              </tr>
            </table>
              <p> </p>         
              <table width="155" height="188" border="1" cellpadding="10"  cellspacing="0" bordercolor="4e2c03" bgcolor="ddcb8f">
                <tr>
                  <td><div align="left">
                    <p><font color="#4E2C03" size="3" face="Arial, Helvetica, sans-serif"><em>&quot;A
                            process operator, whether in Fort McMurray, or in a gas
                            plant in Medicine Hat, basically processes the upstream
                            oil and gas until it's purified enough to go through
                            a pipeline outside the gates of the plant.&quot; </em></font></p>
                    <p align="right"><font color="4e2c03" size="2" face="Arial, Helvetica, sans-serif"><strong>John Cook,<br>
                      associate dean of technology, Keyano College</strong></font></p>
                    </div></td>
                </tr>
              </table>          <p> </p>
              <table width="155" height="188" border="1" cellpadding="10" cellspacing="0" bordercolor="4e2c03" bgcolor="#FFFFFF">
                <tr>
                  <td><div align="left">
                      <p align="center"><font color="#4E2C03" size="3" face="Arial, Helvetica, sans-serif"><strong><a href="contactUS.html"><img src="images/bulletin/LMNWB200810vFinal1.gif" width="121" height="158" border="0"></a></strong></font><font color="#000000" size="3" face="Arial, Helvetica, sans-serif"><strong>Free Subscribe
                        Now!</strong></font></p>
    </div>
                  </td>
                </tr>
              </table>          <p> </p>
              <table width="155" height="188" border="1" cellpadding="10" cellspacing="0" bordercolor="4e2c03" bgcolor="#FFFFFF">
                <tr>
                  <td><div align="left">
                      <p align="center"><a href="mediaLMN1208.html"><font color="#000000" size="4.5" face="Arial, Helvetica, sans-serif"><strong>Next
                        issue...</strong></font></a></p>
                      <p align="center"><a href="mediaLMN1208.html"><strong><font color="333399" size="3" face="Arial, Helvetica, sans-serif"><img src="images/htmlbulletinimages/1008v5.png" width="125" height="159" border="0"></font></strong></a></p>
                      <p align="center"><a href="mediaLMN1208.html"><strong><font size="3" face="Arial, Helvetica, sans-serif">Janitoral</font></strong></a></p>
                      <p align="center"><a href="mediaLMN1208.html"><img src="images/htmlbulletinimages/1008v6.png" width="123" height="141" border="0"> </a></p>
                      <p align="center"><a href="mediaLMN1208.html"><strong><font size="3" face="Arial, Helvetica, sans-serif">Security</font> </strong></a></p>
                  </div>
                  </td>
                </tr>
              </table>          <p> </p>          <table width="155" height="141" border="1" cellpadding="10" cellspacing="0" bordercolor="4e2c03" bgcolor="#FFFFFF">
                <tr>
                  <td><div align="left">
                      <p align="center"><font color="#000000" size="2" face="Arial, Helvetica, sans-serif"><strong><font color="#FF9933">If
                        you like this article, you might also like:</font></strong></font></p>
                      <p align="center"><font color="#FF0000" size="3.5" face="Arial, Helvetica, sans-serif"><strong><a href="mediaLMN1206.html">Employment in the oilsands</a></strong></font></p>
                  </div>
                  </td>
                </tr>
              </table>          <p> </p></td>
            <td width="605" valign="top"><p><div class="floatrightgrey">
              <p><img src="images/htmlbulletinimages/1008v1" width="325" height="221"> </p>
      <p><font size="1" face="Arial, Helvetica, sans-serif"><em>Process operators are expected to be in high demand in the next few years. One study reported that between 2006 and 2020, over 5,000 new plant and facility operators will be needed in the oil sands.</em></font></p>
      </div>
              <font size="2" face="Arial, Helvetica, sans-serif">One study reported that between 2006 and 2020, over 5,000 new plant
              and facility operators will be needed in the oil sands. As construction
              of more and more oil sands projects ends and production begins, there
              is a change in the kind
              of workers most needed. More maintenance trades are needed and less
              construction trades workers are needed. Also, companies now need more
              operating and technical employees, such as process operators, power
              engineers, and instrumentation technicians.<p>A study recently put out by the Government of Alberta (Report on Phase
              2 of the Oil Sands Labour Resource Study) found that from 2006 to 2020,
              15,000 new employees would be needed for operations and maintenance
              in the oil sands industry. The study says there will be a need for
              over 5,000 plant and facility operators between 2006 and 2020. This
              includes process operators
              (noc 9232) and power engineers (noc 7351).
              </p><p><div class="floatleft">
      <p><img src="images/htmlbulletinimages/1008v2" width="356" height="235">
        <em><font size="1"><br>
        Over the next few years, more plants and facilities will open up and the
        demand for process operators and power engineers will increase. There is
        advancement in this industry and even movement between industries.</font></em></p>
      </div>
              </font>
              <p><font size="2" face="Arial, Helvetica, sans-serif"><strong>Opportunities</strong><br>
                Recently, there have been over 80 job postings for process operators
                and power engineers, so there is great opportunity in Wood Buffalo
                for this occupation.
              </font><font size="2"> </font></p>
                <p><font size="2" face="Arial, Helvetica, sans-serif">&#8220;Attrition
                  is one reason (for the increased need) because a lot of the older
                  guys are going to be coming to the age of retirement within a
                  very short time and they will have to be replaced,&#8221; says
                  John Cook, associate dean of technology with Keyano College. &#8220;The
                  other reason is expansion of the existing plants and new plants
                starting up.&#8221;</font></p>
              <p><font size="2" face="Arial, Helvetica, sans-serif">Hazel White,
                    recruitment advisor with Syncrude Canada Ltd. says they recently
                    had a large number of process operator
                      positions
                      posted online
                      because of their practice to promote staff within the company.While
                      this is an entry-level position, most companies require that
                    their employees have at least a high school diploma and their fourth
                      class power engineering ticket. For more information on education,
                      see Schools
                      on page 4.</font><font face="Arial, Helvetica, sans-serif">           </font>          </p>
              <p><font size="2" face="Arial, Helvetica, sans-serif"><strong>Process operators</strong><br>
                There are a few different kinds of process operators: refinery/upgrader
                process operator, gas plant operator, and oil and gas pipeline operator,
                to name a few. The jobs found in Fort McMurray are generally related
                to mineral and hydrocarbon processing in the oil sands industry.</font></p>
              <p><font size="2" face="Arial, Helvetica, sans-serif">When
                      searching for jobs, be aware that there are a number of different
                  job titles for process operators. Usually, the title of the job
                  is based on the process the employee is involved with or by the
                  unit
                      in which the employee works. See the list on this page for
                  other common
                  job titles found recently on Job Bank.<img src="images/htmlbulletinimages/1008v3.png" width="209" height="365" align="right" class="floatrightnocut"></font></p>          <p><font size="2" face="Arial, Helvetica, sans-serif"><strong>Movement between
                  industries</strong><br>
                  There are industries other than oil and gas where process operators
                  can work, such as pulp mills and chemical plants. They may process
                  different products, but employers will often consider hiring workers
                  from these other industries.</font></p>
                  <p><font size="2" face="Arial, Helvetica, sans-serif">&#8220;We have been successful in taking people that had previously worked
                    in a paper mill,&#8221; says White with Syncrude. &#8220;The processes
                    are certainly different. They&#8217;re dealing with paper, rather
                    than oil, but we recently hired 18 (previous mill workers) and
                    it&#8217;s
                    my understanding that all 18 have gotten their fourth class tickets
                    since coming to Syncrude. We still need people with refinery experience,
                  but it is possible.&#8221; </font></p>            <p><font size="2" face="Arial, Helvetica, sans-serif"><strong>Power engineering</strong><br>
                  Process operators in the Fort McMurray area generally have their
                    fourth or third class power engineering certificate, which allows
                    them to
                    process steam and operate boilers. Other process operators, such
                    as pulp mill operators, don&#8217;t necessarily need this. </font></p>
                  <p><font size="2" face="Arial, Helvetica, sans-serif">In
                      order to be called a power engineer, a person must be certified
                      through the Alberta Boilers Safety Association to operate pressure
                  equipment (www.absa.ca). </font></p>
                  <p><font size="2" face="Arial, Helvetica, sans-serif">There are
                      four different levels of power engineer&#8212;the lowest
                        is fourth class, going up to first class. For more information
                      on the Alberta Boilers Safety Association, contact their Fort
                        McMurray office
                    at 780-714-3067.</font></p>            <p><font size="2" face="Arial, Helvetica, sans-serif"><strong>Field and control
                  room operators</strong><br>
                  There are basically two levels of process operators in Fort McMurray:
                      field operators and control room operators (or board operators). </font></p>
                    <p><font size="2" face="Arial, Helvetica, sans-serif">&#8220;</font><font size="2" face="Arial, Helvetica, sans-serif">Primarily
                          when someone is starting out, they&#8217;re in the field,&#8221; says
                          Cook. &#8220;After a few years they can become a board
                          operator if they want to do that. They are more experienced
                          and are
                          kind of like
                          the team lead. They tell the field people what needs to
                          be done and if it needs manual operation, (the field operators)
                          go out and do it&#8212;turning
                          valves, adjusting an instrument to control temperature,
                    pressure, flow, or level.&#8221;</font></p>
                    <p><font size="2" face="Arial, Helvetica, sans-serif">Process
                        operators are responsible for the initial separation processes
                        or the special treatment
                            required to ensure that
                            impurities such
                            as water and sediments are removed from oil and gas in
                            the field. Once
                            separated, the oil or gas is transported by pipeline
                      to refineries, gas plants or markets.</font></p>
                    <p><font size="2" face="Arial, Helvetica, sans-serif">Some duties
                        of a process operator are operating equipment to ensure that
                        the oil meets
                          specifications before it
                              goes into
                              a pipeline.
                        Some of the equipment could be:<img src="images/htmlbulletinimages/1008v4" width="302" height="201" class="floatrightnocut"></font></p>           
                    <ul>
                <li><font size="2" face="Arial, Helvetica, sans-serif">compressors</font></li>
                <li><font size="2" face="Arial, Helvetica, sans-serif">dehydration
                        units</font></li>
                <li><font size="2" face="Arial, Helvetica, sans-serif">vacuum and atmospheric
                      distillation columns</font></li>
                <li><font size="2" face="Arial, Helvetica, sans-serif">cokers</font></li>
                <li><font size="2" face="Arial, Helvetica, sans-serif">fractionators</font></li>
                <li><font size="2" face="Arial, Helvetica, sans-serif">pumps</font></li>
                <li><font size="2" face="Arial, Helvetica, sans-serif">compressors</font></li>
                <li><font size="2" face="Arial, Helvetica, sans-serif">steam
                        turbines</font></li>
                <li><font size="2" face="Arial, Helvetica, sans-serif">heat exchangers</font></li>
              </ul>          <p><font size="2" face="Arial, Helvetica, sans-serif">&#8220;A process operator, whether in Fort McMurray, or in a gas plant
                                      in Medicine Hat, basically processes the upstream
      oil and gas until it&#8217;s
                                          purified enough to go through a pipeline
      outside the gates of the plant,&#8221; says
                                    Cook. </font></p>
              <p><font size="2" face="Arial, Helvetica, sans-serif"><strong>Co-op education</strong><br>
                  There are many power engineering programs around northern Alberta
                        (see below) and some process operating courses. Keyano College
                        offers co-ops
                        for both courses and one of the advantages of this program,
                        besides being in Fort McMurray, is the job placements which
                are provided.</font></p>
              <p><font size="2" face="Arial, Helvetica, sans-serif">&#8220;We only take as many students as we can guarantee work placement
                    spots, and students have to compete for a seat,&#8221; says Cook. &#8220;We
                          look at their educational background, their marks and then
                    there&#8217;s
                          an interview process with Keyano staff and industry people&#8212;just
                  like applying for a job.&#8221;</font></p>          <p><font size="2" face="Arial, Helvetica, sans-serif"><strong>Salary and benefits</strong><br>
                  The pay range for this occupation varies greatly depending
                          on experience and training, but the range is about $20
                        to $47 per
                          hour, but averages
                          about $30 to $40 per hour. </font></p>
                  <p><font size="2" face="Arial, Helvetica, sans-serif">Because these
                      positions are for ongoing production and maintenance of oil
                      sands projects,
                        employees are expected
                            to move to
                            Fort McMurray, regardless of whether they are doing shift
                            work or
                not.</font></p>
                  <p><font size="2" face="Arial, Helvetica, sans-serif">Over the
                      next few years, there will be many more opportunities for people
                      wanting to get into a career in process
                        operating
                  or power engineering.</font></p></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td width="586"> </td>
      </tr>
    </table>
    <table width="760" border="0" cellspacing="0" cellpadding="4" bgcolor="FFFFFF">
      <tr>
        <td height="10" colspan="2" bgcolor="#FFFFFF"><img src="images/darkLine.gif" width="750" height="3"></td>
      </tr>
      <tr>
        <td width="160" height="20" bgcolor="#FFFFFF"><div align="left"><font color="#4E2C03" size="2" face="Arial, Helvetica, sans-serif">This
              website is funded by the Government of Alberta. </font></div>
        </td>
        <td width="199" align="center" valign="middle" bgcolor="#FFFFFF"><div align="right"><img src="images/GoA - EI 2Color C.PNG" width="170" height="31" border="0"></div>
      </tr>
      <tr>
        <td height="8" colspan="2" bgcolor="#DDCB8F"><table width="760" border="0" cellspacing="0" cellpadding="4">
            <tr>
              <td width="108"><div align="center"><font size="2"><strong><font color="#DDCB8F" face="Arial, Helvetica, sans-serif"><strong><font color="#4E2C03" face="Arial, Helvetica, sans-serif"><a href="index.html">Home</a></font></strong></font></strong></font></div>
              </td>
              <td width="104"><div align="center"><font size="2"><strong><font color="#DDCB8F" face="Arial, Helvetica, sans-serif"><strong><font color="#4E2C03" face="Arial, Helvetica, sans-serif"><a href="linksINTRO.html">Links</a></font></strong></font></strong></font></div>
              </td>
              <td width="117"><div align="center"><font size="2"><strong><font color="#DDCB8F" face="Arial, Helvetica, sans-serif"><strong><font color="#4E2C03" face="Arial, Helvetica, sans-serif"><a href="contactUS.html">Contact
                              Us</a></font></strong></font></strong></font></div>
              </td>
              <td width="151"><div align="center"><font size="2"><strong><font color="#4E2C03" face="Arial, Helvetica, sans-serif"><a href="privacyStatement.html"> Privacy
                          Statement</a></font></strong></font></div>
              </td>
              <td width="119"><div align="center"><font size="2"><strong><font color="#4E2C03" face="Arial, Helvetica, sans-serif"><a href="disclaimer.html">Disclaimer</a></font></strong></font></div>
              </td>
              <td width="113"><div align="center"><font size="2"><strong><font color="#4E2C03" face="Arial, Helvetica, sans-serif"><a href="siteMAP.html">Site
                          Map</a></font></strong></font></div>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    </html>

    Hi Nadia thanks for your help in trying to fix the spry menus.
    I am new to Dreamweaver and therefore would appreciate a bit more help with the issues you identified.
    I did replace the doctype. As for removing the menu from a table and putting it into a div, would you be able to identify in the code below how I would do that?  Thanks
    Spry Menu Code
    </table><ul id="MenuBar1" class="MenuBarHorizontal">
          <table width="780" border="0" >
            <tr>
              <td><li><a class="MenuBarItemSubmenu" href="index.html"> Home</a>
      <li><a class="MenuBarItemSubmenu" href="#"> Employment
            </a>
              <ul>
                <li><a href="employINTRO.html">Introduction</a></li>
                <li><a href="aboutWages.html">Wages</a></li>
                <li><a href="employOG.html">Oil & Gas</a></li>
                <li><a href="employSERV.html">Service/Retail</a></li>
                  <li><a href="employCONST.html">Construction</a></li>
                <li><a href="employGOVED.html">Gov't/Education</a></li>
                <li><a href="employFOREST.html">Forestry</a></li>
                 <li><a href="employTRANS.html">Transportation</a></li>
                <li><a href="employHEALTH.html">Health</a></li>
            </ul>
    <li><a class="MenuBarItemSubmenu" href="#"> Training & Education</a>
              <ul>
                <li><a href="trainINTRO.html">
                <script type="text/javascript" src="SpryAssets/SpryMenuBar.js"></script>
                Introduction</a></li>
                <li><a href="trainSKILLS.html">General Skills</a></li>
                <li><a href="trainSAFE.html">Safety</a></li>
              </ul>
    <li><a class="MenuBarItemSubmenu" href="#"> About Wood Buffalo</a>
              <ul>
                <li><a href="aboutINTRO.html">Introduction</a></li>
                 <li><a href="MediaEvent.html">Coming Events</a></li>
                 <li><a href="AboutCostIntro" font size"12" class="MenuBarItemSubmenu">Cost of Living</a>
          <ul>
            <li><a href="AboutCostHouse.html">Housing</a></li>
            <li><a href="AboutCostAcc.html">Other Accommodations</a></li>
          </ul>
        </li>
        <li><a href="aboutStats.html">What's it like in Fort McMurray?</a></li>
        <li><a href="aboutBeforeMove.html">Before You Move</a></li>
      </ul>
    </li>
    <li><a class="MenuBarItemSubmenu" href="#"> Labour Market News</a>
            <ul>
                <li><a href="mediaINTRO.html">Introduction</a></li>
                <li><a href="mediaLMN.html">Labour Market News</a></li>
            </ul>
    <li><a class="MenuBarItemSubmenu" href="#">Links</a>
              <ul>
                <li><a href="linksINTRO.html">Introduction</a></li>
                <li><a href="AboutCostIntro" class="MenuBarItemSubmenu">Cost of Living</a>
          <ul>
            <li><a href="AboutCostHouse.html">Housing</a></li>
            <li><a href="AboutCostAcc.html">Other Accommodations</a></li>
          </ul>
        </li>
                <li><a href="linksEMPLIntro.html">Employer Websites</a></li>
                <li><a href="linksRESIntro.html">Resources</a></li>
                <li><a href="linksFACTSIntro.html">Fast Facts</a></li>
                <li><a href="ContactUS.html">Contact Us</a></li>
                <li><a href="privactStatement.html">Privacy Statement</a></li>
                <li><a href="disclaimer.html">Disclaimer</a></li>
                <li><a href="siteMAP.html">Site Map</a></li>
      </ul>
              <ul>
        </td>
      </tr> </td>
            </tr>
    </table>

  • Site looks different in the browser preview then it does in Dreamweaver

    I am doing a school project and I am trying to make a kind of news site. It is all based around table and in the Dreamweaver design view all my text is exactly underneath the picture, but when I preview in browser there is lots of space between these cells. I have my cell padding, cell spacing and border thickness all to 0 but this does not resolve the problem. I am so stuck and my project is due next week, please help!

    It is not online, I will put it online at some point when it is finished but at the moment it isnt. I shall copy my code into this reply:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    body,td,th {
              font-family: DubielPlain, "Dubiel Italic";
              color: #333;
              font-size: 16px;
              font-style: italic;
    body {
              background-color: #FFF;
              background-image: url(Background%20Bar%20copy.png);
              background-repeat: no-repeat;
              margin-left: 0px;
              margin-top: 0px;
              margin-right: 0px;
              margin-bottom: 0px;
    a:link {
              text-decoration: none;
    a:visited {
              text-decoration: none;
    a:hover {
              text-decoration: none;
    a:active {
              text-decoration: none;
              font-size: 16px;
    .uwd {
              color: #F90;
    .wad {
              font-family: DubielPlain, "Dubiel Italic";
    .aef {
              font-style: italic;
    .aef {
              font-style: italic;
    .ipoi {
              color: #FFF;
    .alshd {
              font-style: normal;
    .LinkOnWhiteBackground {
              font-family: DubielPlain, "Dubiel Italic";
              font-size: 14px;
              font-style: italic;
              color: #333;
    .NavBar {
              font-family: DubielPlain, "Dubiel Italic";
              font-style: normal;
              color: #FFF;
    .LinkOnWhiteBackground {
              font-family: DubielPlain, "Dubiel Italic";
              color: #333;
    .BlackLinks {
              font-family: DubielPlain, "Dubiel Italic";
              color: #333;
    .aef1 {          font-style: italic;
    .aef1 {          font-style: normal;
    </style>
    </head>
    <body>
    <table width="1403" height="1018" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="232" height="70" valign="top"> </td>
        <td width="27" style="font-style: normal"> </td>
        <td width="213" valign="middle" style="font-style: normal"><h2 class="ipoi"><a href="Homepage.html" class="NavBar">FASCIA ALTA</a></h2></td>
        <td width="142" valign="middle" style="font-style: normal"><h2 align="justify" class="ipoi"><a href="Travel.html" class="NavBar">TRAVEL</a></h2></td>
        <td width="152" valign="middle" style="font-style: normal"><h2 align="justify" class="ipoi"><a href="Couture.html" class="NavBar">COUTURE</a></h2></td>
        <td width="175" valign="middle" style="font-style: normal"><h2 align="justify" class="ipoi"><a href="Hollywood.html" class="NavBar">HOLLYWOOD</a></h2></td>
        <td width="234" align="left" valign="middle" style="font-style: normal"><script type="text/javascript">
    var domainroot="www.google.com"
    function Gsitesearch(curobj){
    curobj.q.value="site:"+domainroot+" "+curobj.qfront.value
    </script>
    <form action="http://www.google.com/search" method="get" onSubmit="Gsitesearch(this)">
    <p><br />
      <input name="qfront" type="text" style="width: 155px" />
       <input type="submit" value="Search" /></p>
    </form>
    <p style="font: normal 11px Arial"> </p></td>
        <td width="21"> </td>
        <td width="53" align="right" valign="top"><h5>Login</h5></td>
        <td width="66" align="right" valign="top"><h5>Sign Up</h5></td>
        <td width="88" align="right" valign="top"><h5>Learn More</h5></td>
      </tr>
      <tr>
        <td height="19"> </td>
        <td valign="bottom"> </td>
        <td valign="bottom"><h3> </h3></td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td rowspan="4" align="left" valign="top"><h3 class="aef"><img src="Haircut.png" width="210" height="315" alt="jen law haircut" /></h3></td>
        <td height="15" valign="top"> </td>
        <td valign="top"><h3>Welcome to FASCIA ALTA!</h3></td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td height="44" valign="top"> </td>
        <td valign="top"><h3 class="aef"><span class="aef1">Everything you need to know about everything and everyone; browse our hot-topic A-list celebrities; stylish fashion and prime travel locations. </span></h3></td>
        <td rowspan="2"> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td height="73" valign="top"> </td>
        <td valign="top"><h4> </h4></td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td height="143"> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td height="105" align="left" valign="top"><h4 class="alshd">Jennifer Lawrence's &quot;impulse&quot; haircut is the talk of Hollywood after this bold move could potentially damage her career.</h4>
        <p><a href="file:///Macintosh HD/Users/adamwoodcock/Documents/School/ICT/Oops.html" class="BlackLinks">Click here to find out more.</a></p></td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td height="42" align="left" valign="top"> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td height="15" align="left" valign="top"> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
      </tr>
      <tr>
        <td height="434" align="left" valign="top"> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
      </tr>
    </table>
    </body>
    </html>

  • CSS problem with IE

    Hi
    I have created a style sheet and linked it to a template to
    form the basis of a website. I have included a background image in
    the masthead. It works fine in Firefox, but when I review the
    template or any pages made from the template in Internet Explorer
    the background image is not visible. I have checked my CSS with the
    W3C validator and there are no errors, so I am assuming that it is
    an IE problem. If anyone can help it would be great, as at least
    50% of the people who will wish to view the site I am trying to put
    together will be using IE.

    Assuming that this is the correct path to the background
    image, change
    this -
    background: url("../graphics/for banner.jpg")no-repeat right
    top;
    to this -
    background: url("../graphics/for banner.jpg") no-repeat right
    top;
    (note missing space after the closing parenthesis)
    Also, it's very bad form to have spaces in your
    file/pathnames. I suuggest
    that you rename those files.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "sallw" <[email protected]> wrote in message
    news:[email protected]...
    > Oh, and here is the code to the CSS
    >
    > /***********************************************/
    > /* HTML tag styles */
    > /***********************************************/
    >
    > body{
    > font-family: Arial,sans-serif;
    > color: #333333;
    > line-height: 1.166;
    > margin: 0px;
    > padding: 0px;
    > background-color: #f8f8fa;
    > width: 100%;
    > }
    >
    > a:link, a:visited, a:hover {
    > color: #006699;
    > text-decoration: none;
    > }
    >
    > a:hover {
    > text-decoration: underline;
    > }
    >
    >
    > h1, h2, h3, h4, h5, h6 {
    > font-family: Arial,sans-serif;
    > margin: 0px;
    > padding: 0px;
    > }
    >
    > h1{
    > font-family: Times New Roman;
    > font-size: 120%;
    > color: #002a69;
    > }
    >
    > h2{
    > font-size: 114%;
    > color: #006699;
    > }
    >
    > h3{
    > font-size: 100%;
    > color: #002a69;
    > }
    >
    > h4{
    > font-size: 100%;
    > font-weight: bold;
    > color: #002a69;
    > }
    >
    > h5{
    > font-size: 100%;
    > color: #334d55;
    > }
    >
    > ul{
    > list-style-type: square;
    > }
    >
    > ul ul{
    > list-style-type: disc;
    > }
    >
    > ul ul ul{
    > list-style-type: none;
    > }
    >
    > label{
    > font: bold 100% Arial,sans-serif;
    > color: #334d55;
    > }
    >
    >
    > /***********************************************/
    > /* Layout Divs */
    > /***********************************************/
    >
    > #masthead{
    > margin: 0;
    > padding: 10px 0px;
    > background: url("../graphics/for banner.jpg")no-repeat
    right top;
    > border-bottom: 1px solid #cccccc;
    > width: 100%;
    >
    > }
    >
    > #navBar{
    > margin: 0 80% 0 0;
    > padding: 0px;
    > background-color: #eeeeee;
    > border-right: 1px solid #ccc;
    > border-bottom: 1px solid #ccc;
    > }
    >
    > #content{
    > float:right;
    > width: 75%;
    > margin: 0;
    > padding: 0 3% 0 0;
    > }
    >
    >
    > /***********************************************/
    > /*Component Divs */
    > /***********************************************/
    >
    > #siteName{
    > margin: 0px;
    > padding: 0px 0px 10px 10px;
    > }
    >
    >
    > /*************** #pageName styles **************/
    >
    > #pageName{
    > padding: 10px 0px 0px 0px;
    > }
    >
    >
    > /************* #breadCrumb styles *************/
    >
    > #breadCrumb{
    > font-size: 80%;
    > padding: 5px 0px 5px 10px;
    > }
    >
    >
    > /************** .feature styles ***************/
    >
    > .feature{
    > padding: 0px 0px 10px 10px;
    > font-size: 80%;
    > }
    >
    >
    > /************* #siteInfo styles ***************/
    >
    > #siteInfo{
    > clear: both;
    > border: 1px solid #cccccc;
    > font-size: 75%;
    > color: #cccccc;
    > padding: 10px 10px 10px 10px;
    > margin-top: 0px;
    > }
    >
    >
    > #siteInfo img{
    > padding: 4px 4px 4px 0px;
    > vertical-align: middle;
    > }
    >
    >
    > /************* #search styles ***************/
    >
    > #search{
    > padding: 5px 0px 5px 10px;
    > border-bottom: 1px solid #cccccc;
    > font-size: 90%;
    > }
    >
    > #search form{
    > margin: 0px;
    > padding: 0px;
    > }
    >
    > #search label{
    > display: block;
    > margin: 0px;
    > padding: 0px;
    > }
    >
    >
    > /*********** #navBar link styles ***********/
    >
    > #navBar ul a:link, #navBar ul a:visited {display:
    block;}
    > #navBar ul {list-style: none; margin: 0; padding: 0;}
    >
    >
    > #navBar li {border-bottom: 1px solid #EEE;}
    >
    >
    > html>body #navBar li {border-bottom: none;}
    >
    >
    >
    > /*********** .relatedLinks styles ***********/
    >
    > .relatedLinks{
    > margin: 0px;
    > padding: 0px 0px 10px 10px;
    > font-size: 90%;
    > }
    >
    > .relatedLinks h3{
    > padding: 10px 0px 2px 0px;
    > }
    > .relatedLinks a:visited{
    > color: #006699;
    > text-decoration: none;
    > }
    >
    > .relatedLinks a:hover{
    > color: #006699;
    > text-decoration: underline;
    > }
    > /************** #headlines styles **************/
    >
    > #headlines{
    > margin: 0px;
    > padding: 10px 0px 20px 10px;
    > font-size: 80%;
    > }
    >
    > #headlines p{
    > padding: 5px 0px 5px 0px;
    > }
    >

  • F12 preview dreamweaver 98

    Redesigning a site. Adding css. Added a css
    navigation bar. I built a navbar container then added the html
    code. navbar linked to navigatin css style sheet.
    All of these objects function okay in design view. I can
    contol navbar objects okay. I can also control my page site objects
    okay. But I cant view the navbar or its objects in the browsers
    (Internet explorer or netscape}
    I placed site on my server and everthing is okay. All of my
    page site images and rollovers function to my satisfaction at this
    stage in testing. The navbar seems to work. It needs tuning but I
    can view it okay.
    There are two containers in this page. The main container
    encase all of my images etc. The contaner also contains the navbar
    container that encases all of my navigation and a link to the
    navigation css.
    I am confused. There must be a little glitz some where.
    [email protected]
    Test site is at-
    http://usersite.com/newccc
    There is also a link there to my two css style sheet and the design
    view of dreamweaver.
    It was here that I noticed navbar woked.
    So when I ftp the info to the site it woks but when I operate
    the F12 key it don't

    PREFERENCES | Preview in Browser > Enable use temp files
    You are using root relative links -
    <link href="/nav/css_nav.css" rel="stylesheet"
    type="text/css" />
    The only way to see them work in preview is to enable temp
    files.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "garrett200" <[email protected]> wrote in
    message
    news:eaqjoe$dj5$[email protected]..
    >
    Redesigning a site. Adding css. Added a css
    navigation bar.
    > I
    > built a navbar container then added the html code.
    navbar linked to
    > navigatin
    > css style sheet.
    > All of these objects function okay in design view. I can
    contol navbar
    > objects
    > okay. I can also control my page site objects okay. But
    I cant view the
    > navbar
    > or its objects in the browsers (Internet explorer or
    netscape}
    > I placed site on my server and everthing is okay. All of
    my page site
    > images
    > and rollovers function to my satisfaction at this stage
    in testing. The
    > navbar
    > seems to work. It needs tuning but I can view it okay.
    > There are two containers in this page. The main
    container encase all of my
    > images etc. The contaner also contains the navbar
    container that encases
    > all of
    > my navigation and a link to the navigation css.
    > I am confused. There must be a little glitz some where.
    > [email protected]
    > Test site is at-
    >
    http://usersite.com/newccc
    There is also a link there to my two css style
    > sheet and the design view of dreamweaver.
    > It was here that I noticed navbar woked.
    > So when I ftp the info to the site it woks but when I
    operate the F12 key
    > it
    > don't
    >

  • Help needed using CSS positioning for movie/text

    I have been deconstructing a few sites to get a better
    understanding of CSS for a simple portfolio.
    Anyway, I have a simple navigation set up in place which I
    want to place my movie next to. The problem is that I can't work
    out how to place it next to the buttons...
    The url to the site is:
    http://www.notjustthenews.co.uk/page8.html
    Once I've done that I want to place a paragraph of text to
    the right of the movie so that if you resize the browser window the
    text wraps around the movie.
    Any help would be most appreciated.
    The CSS is question is:
    #wrapper{
    float:right;
    width: 75%;
    margin: 0;
    padding: 0 3% 0 0;
    #widescreen {
    float: left;
    padding: 0px 10px 0px 0px;
    margin: 0 5px 5px 0;

    Not sure what the web forum and the news forum does with code
    these days
    but here is the complete coding/css that you need. (That's if
    it
    transfer ok)
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
    Transitional//EN"
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html
    xmlns="
    http://www.w3.org/1999/xhtml"><head>
    <meta http-equiv="Content-Type" content="text/html;
    charset=iso-8859-1"><title>notjustthenews.co.uk</title>
    <style type="text/css">
    body{
    font-family: Arial,sans-serif;
    color: #000000;
    line-height: 1.166;
    margin: 0px;
    padding: 0px;
    h1 {
    font-family: Verdana, Arial, sans-serif;
    font-size: 120%;
    color: #000000;
    h3{
    font-size: 100%;
    color: #334d55;
    p {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #000000;
    label{
    font: bold 100% Arial,sans-serif;
    color: #334d55;
    ul{
    list-style-type: square;
    #top{
    border-bottom: 1px solid #cccccc;
    width: 100%;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    #topmenu{
    color: #cccccc;
    padding: 0px 0px 0px 10px;
    white-space: nowrap;
    #topmenu a {
    font-size: 90%;
    padding: 0px 4px 0px 0px;
    #title{
    padding: 0px 0px 10px 10px;
    #topmenu ul {
    font-family: Arial, sans-serif;
    font-size: 14px;
    #topmenu li {
    margin-bottom: 5px;
    #topmenu a:link, #topmenu a:visited {
    text-decoration: none;
    color: #000000;
    #topmenu a:hover {
    color: #990000;
    text-decoration: none;
    #seltopmenu a:link, #seltopmenu a:visited, #seltopmenu
    a:hover {
    color: #990000;
    text-decoration: none;
    #navBar ul a:link, #navBar ul a:visited {display:
    block;<br />
    #navBar ul {list-style: none; margin: 0; padding: 0;
    #navBar li {border-bottom: 1px solid #EEE;
    html>body #navBar li {border-bottom: none;
    #navBar{
    float: left;
    width: 200px;
    background-color: #eeeeee;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    #search{
    padding: 5px 0px 5px 10px;
    border-bottom: 1px solid #cccccc;
    font-size: 90%;
    #search form{
    margin: 0px;
    padding: 0px;
    #search label{
    display: block;
    margin: 0px;
    padding: 0px;
    #projectLinks{
    border-bottom: 1px solid #cccccc;
    font-size: 90%;
    #projectLinks h3{
    padding: 10px 0px 2px 10px;
    #projectLinks a:link{
    text-decoration: none;
    color: #000000;
    padding: 2px 0px 2px 10px;
    border-top: 1px solid #cccccc;
    width: 100%;
    voice-family: "\"}\"";
    voice-family:inherit;
    width: auto;
    #projectLinks a:visited{
    text-decoration: none;
    color: #000000;
    border-top: 1px solid #cccccc;
    padding: 2px 0px 2px 10px;
    #projectLinks a:hover{
    color: #990000;
    text-decoration: none;
    border-top: 1px solid #cccccc;
    background-color: #dddddd;
    padding: 2px 0px 2px 10px;
    #selprojectLinks a:link, #selprojectLinks a:visited,
    #selprojectLinks
    a:hover {
    color: #990000;
    text-decoration: none;
    #widescreen {
    padding: 0px 10px 0px 0px;
    margin: 0 5px 5px 210px;
    #widescreen object {
    float: left;
    margin-right: 10px;
    #widescreen p {
    margin-top: 0;
    </style></head>
    <body>
    <div id="top">
    <h1 id="title">notjustthenews.co.uk</h1>
    <div id="topmenu"> <a href="#">home</a> |
    <a href="#">movies</a> | <a
    href="#">audio</a> | <a
    href="#">websites</a> | <a
    href="#">reviews</a>
    | <a href="#">other stuff</a> | <a
    href="#">contact</a>
    </div>
    </div>
    <div id="navBar">
    <div id="search">
    <form action="#">
    <label>search</label>
    <input name="searchFor" type="text" size="10">
    <input name="goButton" type="submit" value="go">
    </form>
    </div>
    <div id="projectLinks">
    <ul>
    <li><a href="#">project1</a></li>
    <li><a href="#">project2</a></li>
    <li><a href="#">project3</a></li>
    <li><a href="#">project4</a></li>
    <li><a href="#">project5</a></li>
    <li><a href="#">project6</a></li>
    </ul>
    </div>
    </div>
    <div id="widescreen">
    <object
    classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
    codebase="
    http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"
    name="defences" width="402" height="240" align="middle"
    id="full screen">
    <param name="allowScriptAccess" value="sameDomain">
    <param name="movie" value="movieplayer.swf">
    <param name="quality" value="high">
    <param name="salign" value="tl">
    <param name="bgcolor" value="#000000">
    <param name="FlashVars" value="vidpath=defences.flv">
    <embed src="page8_files/movieplayer.swf"
    flashvars="vidpath=defences.flv" quality="high" salign="tl"
    bgcolor="#000000" width="402" height="240" name="defences"
    align="center" allowscriptaccess="sameDomain"
    type="application/x-shockwave-flash"
    pluginspage="
    http://www.macromedia.com/go/getflashplayer">
    </object>
    <p>This is some filler text. This is some filler text.
    This is some
    filler text.</p>
    <p>This is some filler text. This is some filler text.
    This is some
    filler text.</p>
    <p>This is some filler text. This is some filler text.
    This is some
    filler text.</p>
    <p>This is some filler text. This is some filler text.
    This is some
    filler text. This is some filler text. This is some filler
    text. This is
    some filler text.</p>
    <p>This is some filler text. This is some filler text.
    This is some
    filler text. This is some filler text. This is some filler
    text. This is
    some filler text.</p>
    <p>This is some filler text. This is some filler text.
    This is some
    filler text. This is some filler text. This is some filler
    text. This is
    some filler text.</p>
    <p>This is some filler text. This is some filler text.
    This is some
    filler text. This is some filler text. This is some filler
    text. This is
    some filler text.</p>
    </div>
    </body>
    </html>

  • Create custom navbar w/ rollovers. html snippet Help!

    I'm having issues creating a custom nav w/ rollovers in iweb 08 using the html snippet function. I've basically created 5 rollover buttons in PS (they are .png files) side by side to create a top navbar using this code Seen here. http://web.mac.com/catucker/InsideOutside/Rollover.html.
    The nav works ok in safari, not at all in IE and very strange in FF. You can go to my website to test yourself. www.tuned2b.com
    Is there a better way to achieve this design?
    Thanks Community.

    In the link the > is missing
    +<a href="http://tuned2b.com/pictures.html"+
    Correct it and see if it works.
    Also, add target="_top", otherwise the linked page is displayed in the button area.
    +<a href="http://tuned2b.com/pictures.html" target="_top">+
    It's all in the details.

  • How do i get my navbar to stay on one line when the browser window is minimized?

    I am new to coding and have just created my first website in html and css.  I know that the coding is pretty dire and that I have a lot to learn and hope that someone can guide me in how to solve this problem.  When the browser window is minimized, the navbar breaks down into 2 or 3 lines but I want the navbar to fit to the window whatever the size of the client machine.
    I think I need to add a media query but i'm not sure if i do and if so what code to use and where to put it?
    I am worried that the page will only be viewable properly on a desktop and i really want to learn how to make a fluid layout which can be viewed on 320px, 768px and 1200px.
    Any guidance would be greatly appreciated.
    Here is my code:
    HTML
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>The Engineer's Corset</title>
    <link href="styles/style.css" rel="stylesheet" type="text/css" media="screen">
    <style type="text/css">
    body {
        background-color: #000;
    </style>
    </head>
    <body>
    <div id="container">
    <div id="navbar">
        <ul id="nav">
        <li><span class="current-menu-item">Home</span></li>
        <li><a href="about.html">About Us</a></li>
        <li><a href="workshops.html">Workshops</a></li>
        <li><a href="news.html">News</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="contact.html">Contact Us</a></li>
        </ul>
    </div>
    <div id="header">
      <img src="images/final/headerbeauty3.png" width="1100" height="341" alt="The Engineer's Corset">
    </div>
    <div id="links">
    <ul id="link">
    <li><a href="https://www.facebook.com/Bristolengineer" target="_blank"><img src="images/final/fb3.png" width="200" height="45" alt="Follow Us on Facebook"></li>
    <li><a href="https://twitter.com/Engineerscorset" target="_blank"><img src="images/final/twitter2.jpg" width="200" height="45" alt="Follow us on Twitter"></a></li>
    </ul>
    </div>
    <div class="chantry">
    <img src="images/final/CD Logo fin.png" width="240" height="200" alt="Chantry Dance Company">
    </div>
    <div class="about">
      <p> The Engineer's Corset is a new play written by Janet Goddard for performance by the community of Bristol in 2015. <br>  ~ <br>
    The play is based on the extraordinary real-life events of 1843 surrounding Isambard Kingdom Brunel's near-death experience after swallowing a coin.  We travel through time to explore the adventure and horror of Victorian industrialisation. <br> ~ <br> Using a community theatre group The Engineer’s Corset tells a familiar tale of Brunel’s near death experience when he swallows a gold half sovereign. His wife Mary fights to maintain her composure but is ripped apart by the waiting game. Her servants and his workforce, using dance and sound, broaden her horizons. Just like Mary the audience too will see life in the 1840s through a different lens.</p>
    </div>
    <div class="workshops">
    <img src="images/final/bridgebridge.jpg" width="1100" height="713" alt="clifton suspension bridge">
    <span><a href="workshops.html">We will be running a series of workshops prior to production and hope you will join us.  For further information, click here.</a></span>
    </div>
    <div id="sponsorspace"></div>
    <div id="footer"> <p> &copy; Heartprints Web Design 2014 </p> </div>
    </div>
    </body>
    </html>
    CSS
    @charset "utf-8";
    /* CSS Document */
    body {
        font-family:Arial, Helvetica, sans-serif;
        font-size:125%;
    @media screen {
        #navbar:
    #navbar li {
        font: 25px Arial;
        display: inline;
        list-style-type: none;
        background: #09F;
        color: #000;
        border-radius: 20px;
        padding: 15px 25px;
    .current-menu-item {
        color: #0FF;
    #navbar a {
        padding: 15px 25px;
        background-color: #6cf;
        color: #000;
        text-decoration: none;
        border-radius: 20px;
    #navbar a:hover {
        background-color:#0FF;
        color: #000;
        padding: 15px 25px;
    #header {
        width: 1100px;
        height: 340px;
        margin-left: 50px;
        margin-top: 0px;
        margin-bottom: 0px;
        border-style: ridge;
        border-width: 5px;
        border-color:#09F;
    #links li {
        display: inline;
        width: 700px;
        margin-left: 300px;
    .chantry {
        margin-left: 40px;
    .about {
        position: relative;
        width: 860px;
        text-align:center;
        background-color: #CCC;
        color: #000;
        border-style: ridge;
        border-width: 3px;
        border-color:#09F;
        border-radius: 15px;
        float: right;
        margin-top: -200px;
        margin-right: 90px;
    .workshops{
        position:relative;
        width: 1100px;
        height: 713px;
        font-size:24px;
        margin-left: 50px;
        border-style: ridge;
        border-width: 5px;
        border-color:#09F;
        margin-top: 130px;
    .workshops span {
        position: absolute;
        background: #6CF;
        color: #000;
        left: 30px;
        top: 30px;
        right: 800px;
        padding: 15px;
        font: 1em georgia, serif;
        font-style:italic;
        text-align:center;
        border: 5px solid #09F;
        border-radius: 20px;
        margin-top: 35px;
    .workshops span a {
        color: #000;
    #link li {
        border-style: solid;
        border-color: #6CF;
        padding: 30px 10px 5px 10px;
    .info {
        text-align:center;
        width: 1100px;
        margin-top: 50px;
        margin-bottom: 50px;
    .CDC {
        float: left;
        margin-right: 50px;
        margin-left: 45px;
    .workshopinfo {
        height: 250px;
        text-align:center;
        margin-top: 50px;
    .photos {
        Height: 500px;
        text-align:center;
        margin-top: 50px;
    #footer {
        text-align:center;
        margin-top: 700px;
        color:#0CF;
    .brunel {
        margin-top: 50px;
        margin-left: 400px;
    #workshops2{
        width: 1000px;
        border-style: outset;
        border-width: 5px;
        padding: 15px;
        border-color:#09F;
        background-color: #6CF;
        margin-left: 100px;
        text-align:center;
    #workshops2 a {
        color: #000;
    #sponsorspace {
        height:  300px;
        background-color: #6CF;
        border-style: outset;
        border-color: #09f;
        margin-top: 15px;

    Give #navbar a width that is wide enough to hold all of the buttons within it.
    #navbar {
         width:####px;
    Replace #### with a pixel number large enough to hold the nav buttons.

  • Editing exported navbar

    Hi,
    I've created a .png nav bar, with pop-down menus, which I
    want to use across my website. I've exported it to an html page in
    dreamweaver, and it all works fine. However, I'd also like to be
    able to edit the original .png in a way that changes it for every
    page it's on. Changing the colour of the buttons etc in fireworks
    automatically updates in dreamweaver, but I can't seem to change
    the pop-down menus or behaviour of the buttons without having to
    delete the imported html in dreamweaver, and reapplying it to the
    page.
    Can anybody advise a better way? The idea is not to have to
    fiddle with every page on the site every time I want to make a
    navbar edit!
    Thanks :)

    harmonyangeldust wrote:
    > Can anybody advise a better way? The idea is not to have
    to fiddle with every
    > page on the site every time I want to make a navbar
    edit!
    The best way to accomplish it is to wait until you are
    finished with the
    pages, and sure you don't need to make any changes, before
    exporting and
    adding the navbar.
    Linda Rathgeber
    [email protected]
    Adobe Community Expert-Fireworks
    http://www.adobe.com/communities/experts/

  • Help creating an animated gif for a navbar!!

    Hey guys, I am very new to fireworks and dreamweave and am having a problem that is making my head spin! I have to create a simple animated .gif for a navigation bar (which will be made in dreamweaver). The navigation bar should function similar to this: http://www.eden.rutgers.edu/~baronson/ITI320/Exercise2/functionality.html. Essentially, all that is happening is I create this animated image and in dreamweaver, when I create the AP NavBar, I set the mouseover to that image. My problem is that in comparison to this website's mouseover image  ( http://www.eden.rutgers.edu/~baronson/ITI320/Exercise2/images/navi/audience_OVER.gif ) my animated gif has multiple layers and states, where as his only has one layer. I can't seem to figure out how to include both the text, and the gif image, and incorporate them under the same layer.
    A follow up question after having found how to incorporate both into the same state, would I have to lasso out each piece of my animated gif for the individual state I want to have it applied to?
    Any help/pointer to where the information can be found would be greatly appreciated. I've read through the manuals and watched many of Babbage's videos but haven't been able to figure this out. Thanks!

    Your gif doesn't need to have multiple layers, but it does need to have multiple states. To save yourself a lot of confusion, create the animated gifs first, and then export them. Create your navbar in the usual way, with simple rolloveres or swap images. Export the navbar.Rename the animated gifs with the names of the over state of the navbar images, and then delete (or mone to another folder) the over state images of the navbar. Move the renamed gif animations into the image folder of the navbar. Preview in browser. The animated gifs should have replaced the original over state of the buttons.

  • FW HTML not importing correctly into DW

    Hello,
    I have made a navbar in FW and exported it following some tutorials I've watched.  I have imported it into some of the pages on my site in DW and the import works fine.  However, on a number of other pages, I insert my cursor in the "topnav" div and when I import it, the table goes straight to the top of the code and when I refresh the CSS, all my styles from before disappear and becomes a blank white page.  I think it may have something to do with my stylesheet because the other pages that it does work properly on is a different stylesheet, but I cannot figure out where the issue is.
    I have attached code below.  The first section is what it looks like when I try to import the navbar into the topnav div.  The second section is the code for the stylesheet that goes along with it.  And third, is the CSS code for the one that works correctly.
    I appreciate any help given.  Thanks!
    <!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><div id="FWTableContainer963773682">
      <table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="1024">
        <!-- fwtable fwsrc="navbar.png" fwpage="Page 1" fwbase="navbar.png" fwstyle="Dreamweaver" fwdocid = "963773682" fwnested="0" -->
        <tr>
          <td><img src="images/navbar/spacer.gif" width="54" height="1" border="0" alt="" /></td>
          <td><img src="images/navbar/spacer.gif" width="76" height="1" border="0" alt="" /></td>
          <td><img src="images/navbar/spacer.gif" width="20" height="1" border="0" alt="" /></td>
          <td><img src="images/navbar/spacer.gif" width="76" height="1" border="0" alt="" /></td>
          <td><img src="images/navbar/spacer.gif" width="20" height="1" border="0" alt="" /></td>
          <td><img src="images/navbar/spacer.gif" width="98" height="1" border="0" alt="" /></td>
          <td><img src="images/navbar/spacer.gif" width="20" height="1" border="0" alt="" /></td>
          <td><img src="images/navbar/spacer.gif" width="101" height="1" border="0" alt="" /></td>
          <td><img src="images/navbar/spacer.gif" width="20" height="1" border="0" alt="" /></td>
          <td><img src="images/navbar/spacer.gif" width="353" height="1" border="0" alt="" /></td>
          <td><img src="images/navbar/spacer.gif" width="22" height="1" border="0" alt="" /></td>
          <td><img src="images/navbar/spacer.gif" width="110" height="1" border="0" alt="" /></td>
          <td><img src="images/navbar/spacer.gif" width="54" height="1" border="0" alt="" /></td>
          <td><img src="images/navbar/spacer.gif" width="1" height="1" border="0" alt="" /></td>
        </tr>
        <tr>
          <td rowspan="3"><img name="navbar_r1_c1_s1" src="images/navbar/navbar_r1_c1_s1.png" width="54" height="58" border="0" id="navbar_r1_c1_s1" alt="" /></td>
          <td colspan="11"><img name="navbar_r1_c2_s1" src="images/navbar/navbar_r1_c2_s1.png" width="916" height="13" border="0" id="navbar_r1_c2_s1" alt="" /></td>
          <td rowspan="3"><img name="navbar_r1_c13_s1" src="images/navbar/navbar_r1_c13_s1.png" width="54" height="58" border="0" id="navbar_r1_c13_s1" alt="" /></td>
          <td><img src="images/navbar/spacer.gif" width="1" height="13" border="0" alt="" /></td>
        </tr>
        <tr>
          <td><a href="home.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','home_button_s1','images/navbar/home_button_s2.png','image s/navbar/home_button_s4.png',1);" onclick="MM_nbGroup('down','navbar1','home_button_s1','images/navbar/home_button_s3.png', 1);"><img name="home_button_s1" src="images/navbar/home_button_s1.png" width="76" height="32" border="0" id="home_button_s1" alt="link to home page" /></a></td>
          <td><img name="navbar_r2_c3_s1" src="images/navbar/navbar_r2_c3_s1.png" width="20" height="32" border="0" id="navbar_r2_c3_s1" alt="" /></td>
          <td><a href="javascript:;" onmouseout="MM_nbGroup('out');MM_menuStartTimeout(1000);" onmouseover="MM_menuShowMenu('MMMenuContainer0428165630_0', 'MMMenu0428165630_0',0,40,'about_dd_button_s1');MM_nbGroup('over','about_dd_button_s1','i mages/navbar/about_dd_button_s2.png','images/navbar/about_dd_button_s4.png',1);" onclick="MM_nbGroup('down','navbar1','about_dd_button_s1','images/navbar/about_dd_button_ s3.png',1);"><img name="about_dd_button_s1" src="images/navbar/about_dd_button_s1.png" width="76" height="32" border="0" id="about_dd_button_s1" alt="" /></a></td>
          <td><img name="navbar_r2_c5_s1" src="images/navbar/navbar_r2_c5_s1.png" width="20" height="32" border="0" id="navbar_r2_c5_s1" alt="" /></td>
          <td><a href="javascript:;" onmouseout="MM_nbGroup('out');MM_menuStartTimeout(1000);" onmouseover="MM_menuShowMenu('MMMenuContainer0428165630_1', 'MMMenu0428165630_1',0,40,'allaboard_dd_button_s1');MM_nbGroup('over','allaboard_dd_butto n_s1','images/navbar/allaboard_dd_button_s2.png','images/navbar/allaboard_dd_button_s4.png ',1);" onclick="MM_nbGroup('down','navbar1','allaboard_dd_button_s1','images/navbar/allaboard_dd _button_s3.png',1);"><img name="allaboard_dd_button_s1" src="images/navbar/allaboard_dd_button_s1.png" width="98" height="32" border="0" id="allaboard_dd_button_s1" alt="" /></a></td>
          <td><img name="navbar_r2_c7_s1" src="images/navbar/navbar_r2_c7_s1.png" width="20" height="32" border="0" id="navbar_r2_c7_s1" alt="" /></td>
          <td><a href="equipment.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','equip_button_s1','images/navbar/equip_button_s2.png','ima ges/navbar/equip_button_s4.png',1);" onclick="MM_nbGroup('down','navbar1','equip_button_s1','images/navbar/equip_button_s3.png ',1);"><img name="equip_button_s1" src="images/navbar/equip_button_s1.png" width="101" height="32" border="0" id="equip_button_s1" alt="link to equipment page" /></a></td>
          <td><img name="navbar_r2_c9_s1" src="images/navbar/navbar_r2_c9_s1.png" width="20" height="32" border="0" id="navbar_r2_c9_s1" alt="" /></td>
          <td><a href="javascript:;" onmouseout="MM_nbGroup('out');MM_menuStartTimeout(1000);" onmouseover="MM_menuShowMenu('MMMenuContainer0428165630_2', 'MMMenu0428165630_2',0,40,'ohra_dd_button_s1');MM_nbGroup('over','ohra_dd_button_s1','ima ges/navbar/ohra_dd_button_s2.png','images/navbar/ohra_dd_button_s4.png',1);" onclick="MM_nbGroup('down','navbar1','ohra_dd_button_s1','images/navbar/ohra_dd_button_s3 .png',1);"><img name="ohra_dd_button_s1" src="images/navbar/ohra_dd_button_s1.png" width="353" height="32" border="0" id="ohra_dd_button_s1" alt="" /></a></td>
          <td><img name="navbar_r2_c11_s1" src="images/navbar/navbar_r2_c11_s1.png" width="22" height="32" border="0" id="navbar_r2_c11_s1" alt="" /></td>
          <td><a href="fundraising.html" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','fundraising_button_s1','images/navbar/fundraising_button_ s2.png','images/navbar/fundraising_button_s4.png',1);" onclick="MM_nbGroup('down','navbar1','fundraising_button_s1','images/navbar/fundraising_b utton_s3.png',1);"><img name="fundraising_button_s1" src="images/navbar/fundraising_button_s1.png" width="110" height="32" border="0" id="fundraising_button_s1" alt="link to fundraising page" /></a></td>
          <td><img src="images/navbar/spacer.gif" width="1" height="32" border="0" alt="" /></td>
        </tr>
        <tr>
          <td colspan="11"><img name="navbar_r3_c2_s1" src="images/navbar/navbar_r3_c2_s1.png" width="916" height="13" border="0" id="navbar_r3_c2_s1" alt="" /></td>
          <td><img src="images/navbar/spacer.gif" width="1" height="13" border="0" alt="" /></td>
        </tr>
      </table>
      <div id="MMMenuContainer0428165630_0">
        <div id="MMMenu0428165630_0" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"><a href="inthenews.html" id="MMMenu0428165630_0_Item_0" class="MMMIFVStyleMMMenu0428165630_0" onmouseover="MM_menuOverMenuItem('MMMenu0428165630_0');">In the News</a><a href="history.html" id="MMMenu0428165630_0_Item_1" class="MMMIVStyleMMMenu0428165630_0" onmouseover="MM_menuOverMenuItem('MMMenu0428165630_0');">History</a><a href="location.html" id="MMMenu0428165630_0_Item_2" class="MMMIVStyleMMMenu0428165630_0" onmouseover="MM_menuOverMenuItem('MMMenu0428165630_0');">Location</a><a href="photogallery.html" id="MMMenu0428165630_0_Item_3" class="MMMIVStyleMMMenu0428165630_0" onmouseover="MM_menuOverMenuItem('MMMenu0428165630_0');">Photo Gallery</a></div>
      </div>
      <div id="MMMenuContainer0428165630_1">
        <div id="MMMenu0428165630_1" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"><a href="schedevents.html" id="MMMenu0428165630_1_Item_0" class="MMMIFVStyleMMMenu0428165630_1" onmouseover="MM_menuOverMenuItem('MMMenu0428165630_1');">Schedule/Events</a><a href="fares.html" id="MMMenu0428165630_1_Item_1" class="MMMIVStyleMMMenu0428165630_1" onmouseover="MM_menuOverMenuItem('MMMenu0428165630_1');">Fares</a><a href="charters.html" id="MMMenu0428165630_1_Item_2" class="MMMIVStyleMMMenu0428165630_1" onmouseover="MM_menuOverMenuItem('MMMenu0428165630_1');">Charters</a></div>
      </div>
      <div id="MMMenuContainer0428165630_2">
        <div id="MMMenu0428165630_2" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"><a href="ohra.html" id="MMMenu0428165630_2_Item_0" class="MMMIFVStyleMMMenu0428165630_2" onmouseover="MM_menuOverMenuItem('MMMenu0428165630_2');">About OHRA</a><a href="donorrec.html" id="MMMenu0428165630_2_Item_1" class="MMMIVStyleMMMenu0428165630_2" onmouseover="MM_menuOverMenuItem('MMMenu0428165630_2');">Donor Recognition</a></div>
      </div>
    </div>
    </head>
    <body>
    <div id="wrapper">
      <div id="header"></div>
      <div id="topnav"></div>
      <div id="content">
        <p> </p>
      </div>
      <div id="footer"></div>
    </div>
    <div id="info"></div>
    </body>
    </html>
    body {
    font-family: Helvetica, Verdana, Arial;
    font-size: 14px;
    background-color: #6B604A;
    margin: 0px;
    #wrapper {
    width: 1024px;
    margin-right: auto;
    margin-left: auto;
    #wrapper #header {
    background-image: url(../images/layout/header.gif);
    background-repeat: no-repeat;
    height: 206px;
    margin-right: auto;
    margin-left: auto;
    font-family: Helvetica, Verdana, Arial;
    font-size: 14px;
    font-style: italic;
    color: #FFF;
    text-align: right;
    padding-right: 60px;
    word-spacing: 25px;
    white-space: normal;
    line-height: 15px;
    #wrapper #topnav {
    background-image: url(../images/layout/navbar.png);
    height: 70px;
    margin-right: auto;
    margin-left: auto;
    background-repeat: no-repeat;
    font-family: Helvetica, Verdana, Arial;
    font-size: 18px;
    color: #E7E0D3;
    text-align: center;
    padding: 0px;
    #wrapper #content {
    background-image: url(../images/layout/body.gif);
    background-repeat: repeat-y;
    margin-right: auto;
    margin-left: auto;
    #wrapper #footer {
    background-image: url(../images/layout/footer.gif);
    height: 24px;
    margin-right: auto;
    margin-left: auto;
    background-repeat: no-repeat;
    #info {
    width: 1004px;
    margin-right: auto;
    margin-left: auto;
    font-size: 12px;
    font-style: italic;
    text-align: right;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    color: #E7E0D3;
    .boldred {
    color: #501802;
    font-size: 16px;
    font-weight: bold;
    font-family: Helvetica, Verdana, Arial;
    letter-spacing: normal;
    text-align: center;
    body {
    font-family: Helvetica, Verdana, Arial;
    font-size: 14px;
    background-color: #6B604A;
    margin: 0px;
    #wrapper {
    width: 1024px;
    margin-right: auto;
    margin-left: auto;
    #wrapper #header {
    background-image: url(../images/layout/header.gif);
    background-repeat: no-repeat;
    height: 206px;
    margin-right: auto;
    margin-left: auto;
    font-family: Helvetica, Verdana, Arial;
    font-size: 14px;
    font-style: italic;
    color: #FFF;
    text-align: right;
    padding-right: 60px;
    word-spacing: 25px;
    white-space: normal;
    line-height: 15px;
    #wrapper #topnav {
    background-image: url(../images/layout/navbar.png);
    height: 70px;
    margin-right: auto;
    margin-left: auto;
    background-repeat: no-repeat;
    font-family: Helvetica, Verdana, Arial;
    font-size: 18px;
    color: #E7E0D3;
    text-align: center;
    padding: 0px;
    #wrapper #content {
    background-image: url(../images/layout/body.gif);
    background-repeat: repeat-y;
    margin-right: auto;
    margin-left: auto;
    #wrapper #content #topcol01 {
    text-align: center;
    width: 966px;
    margin-top: 0px;
    margin-right: 29px;
    margin-bottom: 0px;
    margin-left: 29px;
    padding-top: 27px;
    padding-bottom: 27px;
    #wrapper #content #leftcol01 {
    background-color: #501802;
    width: 265px;
    margin-left: 69px;
    background-repeat: repeat-y;
    text-align: center;
    font-family: Helvetica, Verdana, Arial;
    font-size: 14px;
    color: #E7E0D3;
    margin-bottom: 20px;
    float: left;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 20px;
    display: inline;
    overflow: visible;
    line-height: 110%;
    word-spacing: normal;
    #wrapper #content #rightcol01 {
    width: 606px;
    float: left;
    text-align: left;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin: 0px;
    color: #501802;
    line-height: 115%;
    #wrapper #content #bottomcol01 {
    margin-left: 29px;
    border-top-style: solid;
    margin-right: 29px;
    clear: both;
    float: none;
    font-style: italic;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    border-top-width: thin;
    border-top-color: #501802;
    word-spacing: 30px;
    .clearbottomcol01 {
    clear: both;
    #wrapper #footer {
    background-image: url(../images/layout/footer.gif);
    height: 24px;
    margin-right: auto;
    margin-left: auto;
    background-repeat: no-repeat;
    #info {
    width: 1004px;
    margin-right: auto;
    margin-left: auto;
    font-size: 12px;
    font-style: italic;
    text-align: right;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    color: #E7E0D3;
    .boldred {
    color: #501802;
    font-size: 16px;
    font-weight: bold;
    font-family: Helvetica, Verdana, Arial;
    letter-spacing: normal;
    text-align: center;

    With this problem, it would be better to give us a link to an online web page. It's easier to spot the problem than to wade through a lot of code and you would have better success in getting others in the forum to help.
    One problem that sticks out is that you imported the code generated by FW into the head section of your document. It should be in the body section. That problem should be obvious to you if you know a little about markup and can recognize javascript. I mention this because if you don't know what you're doing, then importing FW images and code into DW can be very confusing. It might be easier for you to work on the Dreamweaver side and find a good tutorial about building a menu in DW. Most web designers will tell you that it's not a good idea to use code generated by Fireworks although it can work.
    Let me make two points. First, if some of your pages are working okay (you said the import worked for some pages), then use a page that is working to override a page that is not working by doing a Save As and then do a little editing if necessary.
    Second, if your styles are not working in your page, you probably have a link problem. In the markup you provided, I don't see a link to your css stylesheet on your web page. But, again, if you do a Save As using a page that works, this problem should be solved by acting on the advice of the first point.

  • ICan you create and link Templates in DWCS4 after all the pages are built as HTML?

    I used Dreamweaver CS4 to create a website(about 50 pages).  Only after completing it did it occur to me that I should have made the pages using Templates .  There are certain areas (footer, navbar, header) that will need to be globally updated occationally, but since none of the pages were built off a .DWT am I out of luck?  Is there any way to create templatized pages from my existing HTML and have them LINK so they will globally update?   The thought of going through and doing each of these over individually is daunting!

    I used Dreamweaver CS4 to create a website(about 50 pages).  Only after completing it did it occur to me that I should have made the pages using Templates .
    That's called putting the cart way ahead of the horse.  You would need to build a Template first, then spawn child pages from that Template.  Since you're already up to your neck in this project,  consider using server-side includes instead of Templates.
    SSI's
    http://www.smartwebby.com/web_site_design/server_side_includes.asp
    More on SSI
    http://forums.adobe.com/message/2112460#2112460
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb

  • PC's can't see all of my .html page but my mac does.

    RE: http://www.todaysipnchat.sipnchat.ca/table.html
    Can anyone help me figure out why my web page is only partially visible to PC's? I built the page with Site Studio 1.7 on my Linux Server and have a table page with the top and right bottom tables visible to PC's but the contents of the bottom right table (which is an embeded adobe.jpg/.html file) is only visible on my mac.
    {<embed src="http://www.todaysipnchat.sipnchat.ca/0901_06/page1_09_0106.html" width=850 height=1200></embed>}
    (is my HTML code correct for embeding a page within a table)?
    What throws me is why can I go to the URL with Safari on my mac and see the whole page, links and all but PC's can't see the .html file? And if I try to email myself the contents of the page it shows up blank even on my mac....below is the code to my page and my .html file> if that helps.....THANKS IN ADVANCE ANYONE!!!!
    http://www.todaysipnchat.sipnchat.ca/table.html >>>:(
    <!-- BOF: ./personal-templates/show.body -->
    <!-- BOF: ./personal-templates/simple/generic/show -->
    <!-- BOF: ./personal-templates/rtl.html -->
    <!-- Locale=enUS_ISO88591 -->
    <!-- EOF: ./personal-templates/rtl.html -->
    <!-- BOF: ./personal-templates/simple/generic/functions -->
    <!-- BOF: ./personal-templates/simple/generic/navbar --><!-- EOF: ./personal-templates/simple/generic/navbar -->
    <!-- EOF: ./personal-templates/simple/generic/functions -->
    <!-- EOF: ./personal-templates/simple/generic/show -->
    <!-- BOF: ./personal-templates/simple/generic/images -->
    <!-- EOF: ./personal-templates/simple/generic/images -->
    <!-- BOF: ./personal-templates/simple/personal/other/l15.settings.init -->
    <!-- EOF: ./personal-templates/simple/personal/other/l15.settings.init -->
    <!-- BOF: ./personal-templates/simple/personal/layout/l15.wait -->
    <!-- EOF: ./personal-templates/simple/personal/layout/l15.wait -->
    <html>
    <head>
    <meta name="description" content="">
    <meta name="Keywords" content="">
    <!-- personal -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="Generator" content="">
    <!-- BOF: ./personal-templates/simple/themes.show -->
    <!-- EOF: ./personal-templates/simple/themes.show -->
    <!--<BASE HREF="http://d8669406.he103.hostexcellence.com/table.html">-->
    <title>Page 1</title></head>
    <body bgcolor="#FFFFFF"
    text="#336633"
    leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0"
    onLoad=""
    link="#000000"
    vlink="#000000"
    alink="#000000"
    <div class="jive-quote">
    <!-- BOF: ./personal-templates/simple/personal/layout/l15.layout -->
    <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td height="101">
    <table dir="LTR" border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
    <td align="left" width="492"></td>
    <td align="right" valign="middle" width="100%" background="widgets/gen_1.1.gif" height="79"></td>
    </tr>
    <tr>
    <td colspan="2" width="100%" bgcolor="#336633" align="left" height="16">
    </td>
    </tr>
    <tr><td colspan="2" bgcolor="#FFFFFF" height="2"></td></tr>
    <tr><td colspan="2" bgcolor="#336633" height="4"></td></tr>
    </table>
    </td>
    </tr>
    <tr>
    <td valign="top" width="100%" height="80%">
    <!-- BOF: ./personal-templates/simple/personal/table/html -->
    <table align="left" cellspacing="0">
    <tr> <td colspan=2 rowspan=1 valign="top"><!-- BOF: ./personal-templates/simple/personal/table/cell/html -->
    Sorry Under Construction...Please return in a few [email protected]
    <!-- EOF: ./personal-templates/simple/personal/table/cell/html -->
    </td>
    </tr>
    <tr> <td colspan=1 rowspan=1 valign="top"><!-- BOF: ./personal-templates/simple/personal/table/cell/html -->
    <embed src="http://www.todaysipnchat.sipnchat.ca/0901_06/page1_09_0106.html" width=850 height=1200></embed>
    <!-- EOF: ./personal-templates/simple/personal/table/cell/html -->
    </td>
    <td colspan=1 rowspan=1 valign="top"><!-- BOF: ./personal-templates/simple/personal/table/cell/html -->
    <embed src="http://www.visionblazer.com/xp/users/mickey/movies/project1.swf"
    quality=high width=336 height=280
    swliveconnect = false TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1ProdVersion=ShockwaveFlash">
    </embed><embed src="http://www.visionblazer.com/xp/users/mickey/movies/project2.swf"
    quality=high width=336 height=280
    swliveconnect = false TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1ProdVersion=ShockwaveFlash">
    </embed><embed src="http://www.visionblazer.com/xp/users/mickey/movies/project3.swf"
    quality=high width=336 height=280
    swliveconnect = false TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1ProdVersion=ShockwaveFlash">
    </embed><embed src="http://www.visionblazer.com/xp/users/mickey/movies/project4.swf"
    quality=high width=336 height=280
    swliveconnect = false TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1ProdVersion=ShockwaveFlash">
    </embed>
    <!-- EOF: ./personal-templates/simple/personal/table/cell/html -->
    </td> </tr>
    </table>
    <!-- EOF: ./personal-templates/simple/personal/table/html -->
    <center>
    <nobr>|Today's Sip'n'Chat Online!|</nobr>
    <nobr>|Page 1|</nobr>
    <nobr>|Page 2|</nobr>
    <nobr>|Page 3|</nobr>
    <nobr>|Page 4|</nobr>
    <nobr>|Page 5|</nobr>
    <nobr>|Page 6|</nobr>
    <nobr>|Page 7|</nobr>
    <nobr>|Page 8|</nobr>
    <nobr>|Page 9|</nobr>
    <nobr>|Page 10|</nobr>
    <nobr>|Page 11|</nobr>
    <nobr>|Page 12|</nobr>
    <nobr>|Home|</nobr>
    <nobr>|Archives|</nobr>
    </center>
    <center><table border="0" cellpadding="0" cellspacing="3"><tr><td align="center">
    MtM 2006
    </td></tr></table></center>
    </td>
    </tr>
    <tr>
    <td>
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr><td bgcolor="#336633" height="3"></td></tr>
    <tr><td align="right" valign="middle" background="widgets/gen_1.1.gif"> </td></tr>
    </table>
    </td>
    </tr>
    </table>
    <!-- EOF: ./personal-templates/simple/personal/layout/l15.layout -->
    <!-- BOF: ./personal-templates/simple/themes.show.body -->
    <!-- EOF: ./personal-templates/simple/themes.show.body -->
    </body>
    <!-- BOF: ./personal-templates/simple/themes.show.end -->
    <!-- EOF: ./personal-templates/simple/themes.show.end -->
    </html>
    <!-- EOF: ./personal-templates/show.body -->
    AND NOW THE .html file>>>>
    <html>
    <head>
    <title>page109_0106</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    </head>
    <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <!-- ImageReady Slices (page109_0106.jpg) -->
    <table id="Table_01" width="613" height="792" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td colspan="5">
    </td>
    <td>
    </td>
    </tr>
    <tr>
    <td colspan="5">
    </td>
    <td>
    </td>
    </tr>
    <tr>
    <td colspan="5">
    </td>
    <td>
    </td>
    </tr>
    <tr>
    <td rowspan="4">
    </td>
    <td rowspan="2">
    </td>
    <td colspan="3">
    </td>
    <td>
    </td>
    </tr>
    <tr>
    <td rowspan="3">
    </td>
    <td rowspan="2">
    </td>
    <td rowspan="3">
    </td>
    <td>
    </td>
    </tr>
    <tr>
    <td rowspan="2">
    </td>
    <td>
    </td>
    </tr>
    <tr>
    <td>
    </td>
    <td>
    </td>
    </tr>
    </table>
    <!-- End ImageReady Slices -->
    </body>
    </html>

    THANK YOU!!! I am just learning how to cut and paste; someone just gave me this solution: <iframe src="http://www.todaysipnchat.sipnchat.ca/0901_06/page1_09_0106.html" width="750" height="800"></iframe>
    I'll give this a try next...I also discovered that my mac is set at 1440 X 900 (I'm new to Macs too) and I was going more on how things looked on my (only computer) when I should have been paying attention to settings for different Browsers. Now I need to figure out what are the best overall sizes and settings to set things at...any sugestions?
    What I have been doing is: taking a .pdf sent to me originally made in Pagemaker Pro 7 --I open it in PhotoShop 8.5 X 11 300dpi I reduce to 72 dpi save for web in slices with images and HTML producing for me a 612 x 792 pixel page... I have a basic 2 col x 2 row table page produced on my hosting server(Site Studio) -in one of three cells I place the header then below left the .html and in the other cell to it's right I place several 336 x 280 flash animations all with the <embed> tags....this obviouly hasn't worked too well...but 750 + 336 is just under 1100 so shouldn't that be ok over all for most of todays Browsers? I don't mind the scroll bar vertically appearing as it makes room for more banner ads down the side (I think).
    A PC opinion of http://www.todaysipnchat.sipnchat.ca/page109_0106.html would be appreciated anyone out there as I don't have one to check things outfirsthand.... Thanks again for all your support - people like me couldn't get off the ground without you!........MtM

Maybe you are looking for