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> -
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.
BobI 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 – 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> > <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>"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." </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">“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,” says
John Cook, associate dean of technology with Keyano College. “The
other reason is expansion of the existing plants and new plants
starting up.”</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">“We have been successful in taking people that had previously worked
in a paper mill,” says White with Syncrude. “The processes
are certainly different. They’re dealing with paper, rather
than oil, but we recently hired 18 (previous mill workers) and
it’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.” </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’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—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">“</font><font size="2" face="Arial, Helvetica, sans-serif">Primarily
when someone is starting out, they’re in the field,” says
Cook. “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—turning
valves, adjusting an instrument to control temperature,
pressure, flow, or level.”</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">“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,” 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">“We only take as many students as we can guarantee work placement
spots, and students have to compete for a seat,” says Cook. “We
look at their educational background, their marks and then
there’s
an interview process with Keyano staff and industry people—just
like applying for a job.”</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 "impulse" 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> -
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;
> }
> -
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'tPREFERENCES | 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> © 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. -
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
-
Unable to respond to Calendar Invitations
I seem to be running into a strange bug and am curious if anyone has seen this before. On all of my devices (iPhone, iPad, and iMac), I am unable to respond to a Calendar event. On the iOS devices, when I tap on a response, it displays in the calend
-
Welcome to the Cisco® Support Community Ask the Expert conversation. This is an opportunity to learn and ask questions about planning, designing, and implementing mobile remote access (Cisco Collaboration Edge Architecture) with Cisco subject matter
-
Hi, I'm a brand new iMac User and also new in this appel world. I'm working with pages and I'm using templates for my documents. I' searching for this tif.files which pages are embedded there. Because I need the separate tif.file, not embedded in the
-
Getting the NullPointerException,while merging the pdf files.
I am getting the following exception, while merging the pdf files with PDFDocMerger class. [121807_113056749][][EXCEPTION] java.lang.NullPointerException at oracle.apps.xdo.template.pdf.PDFWriter.write(PDFWriter.java:62) at oracle.apps.xdo.template.p
-
Hi I was working on a document and when I was about to print it a spinningn wheel appeared, blocking me for working any further on the paper!!! Is there anyway I can save my document?