I pad 3 Live View Monitor?

Is it posible to connect ipad3 for canon 5d mark2 like live view Monitor?
(HDMI with HDMI)

I wonder if the mk iii could send video wirelessly to it.

Similar Messages

Live view on laptop monitor

I'm looking for Canon PowerShot and software that offer ability to conect with laptop, that I can see on monitor what camera lens see. No need for any additional function, just live view window. PowerShot with Vari-Angle LCD may not be helpful cause sometimes camera will be too far away for me to see. (3m is far away for me ) Help!

The Powershot N series allows that on either a tablet or smartphone. The N2 and the N100. You can control and view your camera via WiFi connections.
I think but I cant recall which models but there may be some other models that have live output via and AV or HDMI cable.
One call to Canon might get you the list of models quicker

Spry menu bar not visible in live view

Hi everyone,
I was just working on the css for my spry menu bar and went to check it out in the live view, but it is no longer visible. I checked it out in Safari and Firefox to no avail. It looks totally fine in the design view in Dreamweaver. I'm new to web design and I have no idea what I did, but I'm really hoping someone here does! Below is the CSS.
@charset "UTF-8";
/* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 8em;
color: #333;
background-color: #FFF;
vertical-align: middle;
text-align: left;
white-space: normal;
display: list-item;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 8em;
background-color: #FFF;
letter-spacing: normal;
vertical-align: middle;
word-spacing: normal;
white-space: pre;
display: table-column;
height: 70px;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
margin: -5% 0 0 95%;
padding: 0;
list-style-type: none;
font-size: 100%;
position: absolute;
z-index: 1020;
cursor: default;
width: 8.2em;
left: -1000em;
top: 0;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
left: 0;
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
width: 8.2em;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
border: 0px solid #FFF;
alignment-adjust: central;
background-color: #FFF;
margin-top: 50px;
margin-left: 50px;
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
display: block;
cursor: pointer;
background-color: #FFF;
padding: 0.5em 0.75em;
color: #333;
text-decoration: none;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
background-color: #33C;
color: #FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
background-color: #33C;
color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarVertical li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;

My guess is that you have a dark background in which case the menu items will not be seen.
I suggest you have a look here first http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php#one, then resurrect the original SpryMenuBarVertical.css and change as required.
Gramps

How do I use Dreamweaver CC 2014.1 Live View to copy complex formatted text into web page?

Since Design View has been removed from Fluid Grid Layouts, and could be removed completely in next upgrade, I cannot use Live View to place complex text into my web pages.
Our business requires the listing of complex job descriptions on our web pages. Design View worked fine, Live View does not. Both examples are noted below.
Using Design View the web page rendered this way:
Research & Analytics Director
Position# 2469
Location: Midwest
Education Requirements: MS degree in Mathematics, Statistics, Economics, Engineering, Actuarial Science or related field or equivalent designation, such as FCAS.
Other Requirements: Include:
Job Competencies:
Achieve Results.
Be Accountable.
Lead Change.
Lead Corp Vision & Strategy.
Lead People.
Maximize Customer Experience.
Specialized Knowledge and Skills Requirements:
Demonstrated ability to develop strategic partnerships.
Demonstrated ability to identify potential issues, and to proactively work to the mitigation of those issues.
Demonstrated experience communicating business implications of complex data relationships and results of statistical models to multiple business partners.
Demonstrated experience formulating, approaching, and solving problems in massive, complex datasets.
Demonstrated experience in public speaking and use of appropriate presentation skills.
Demonstrated experience interfacing with business clients and driving solution discussions with both IT and business stakeholders.
Demonstrated experience performing advanced statistical analysis, including generalized linear models, decision trees, neural networks, etc., to discover business insights and develop predictive models.
Demonstrated experience with statistical and modeling software tools, such as SAS or R.
Demonstrated management or leadership experience.
Solid knowledge and understanding of mathematical modeling and research.
Salary Range: $146,300 to $243,800+
Description: This position is responsible for oversight and strategic direction of advanced analytics, including predictive modeling, that drive business performance consistent with company goals and objectives. Works with internal business partners to understand and validate scope of advanced analytics projects and directs projects teams to support those projects. Collaborates within the division and cross-divisionally to develop and integrate statistical models into various processes. Oversees research of new and innovative analytic tools and techniques. Monitors industry trends in analytics and investigates new concepts, ideas, and data sources. Primary accountabilities include:
Advanced Analytics Oversight (40%):
Provides oversight and direction for the design, development, and evaluation of predictive models and advanced algorithms that lead to business solutions.
Directs the most complex and vital analytics work critical to the organization.
Oversees advanced exploratory analytics that produce a variety of business solutions.
Conducts peer review on technical aspects of projects.
Partners with business areas (Commercial Lab, EDM, IS, etc.) on data innovation.
Portfolio Strategy and Management (25%):
Collaborates with Strategic Data & Analytics Vice President as well as business partners internal and external to the division to develop and execute advanced analytics strategy and project portfolio.
Leverages business acumen and domain expertise in directing advanced analytics strategy and application.
Aligns plans to divisional and corporate objectives/goals and integrates within the corporate planning cycle.
Monitors and analyzes advanced analytics resources. Assesses needs and appropriately allocates resources to priorities and initiatives.
Works with divisional management to improve work processes that impact work environment and divisional resources.
Provides overall portfolio/project management oversight and direction for a variety of advanced analytics project. Oversees measurement, monitoring and reporting of project progress and resource utilization. Manages project resources to ensure timely delivery of projects consistent with divisional goals and objectives.
Coordinates with business partners (Analytics Strategy, etc.) on knowledge management and participates in business area meetings. Maintains holistic view of the business. Ensures rapid delivery and execution of insights derived from data analytics into the organization.
Analytic Tools and Techniques Research Oversight (15%):
Sets the vision for the use of new and innovative tools and technology.
Maintains and fosters an industry awareness of new developments in analytics techniques and tools, and ensures quick execution in their use within the department.
Interfaces with Enterprise Data Management (EDM) and Information Services (IS) on evolving technological and data needs and requirements.
Strategies Linked to the Division's Business Goals/Results (10%):
Establishes, communicates, and implements departmental plans, objectives, and strategies.
Participates as a member of the Management Team.
Maintains an active awareness of our Client's business environments, corporate culture, and structure to support key decision-making.
Management/Leadership for Department or Unit (10%):
Manages direct reports, systems, and projects to achieve department/unit goals in accordance with Company policies and practices.
Prepares and analyzes department/unit plans and reports.
Provides leadership by exhibiting influence and expertise, thus affecting the results of the operating area.
Creates an effective work environment by developing a common vision, setting clear objectives, expecting teamwork, recognizing outstanding performance, and maintaining open communications.
Develops staff through coaching, providing performance feedback, providing effective performance assessments, and establishing performance & development plans.
Using Live View the web page rendered this way:
Research & Analytics Director Position# 2469 Location: Midwest Education Requirements: MS degree in Mathematics, Statistics, Economics, Engineering, Actuarial Science or related field or equivalent designation, such as FCAS. Other Requirements: Include: • Job Competencies: o Achieve Results. o Be Accountable. o Lead Change. o Lead Corp Vision & Strategy. o Lead People. o Maximize Customer Experience. • Specialized Knowledge and Skills Requirements: o Demonstrated ability to develop strategic partnerships. o Demonstrated ability to identify potential issues, and to proactively work to the mitigation of those issues. o Demonstrated experience communicating business implications of complex data relationships and results of statistical models to multiple business partners. o Demonstrated experience formulating, approaching, and solving problems in massive, complex datasets. o Demonstrated experience in public speaking and use of appropriate presentation skills. o Demonstrated experience interfacing with business clients and driving solution discussions with both IT and business stakeholders. o Demonstrated experience performing advanced statistical analysis, including generalized linear models, decision trees, neural networks, etc., to discover business insights and develop predictive models. o Demonstrated experience with statistical and modeling software tools, such as SAS or R. o Demonstrated management or leadership experience. o Solid knowledge and understanding of mathematical modeling and research. Salary Range: $146,300 to $243,800+ Description: This position is responsible for oversight and strategic direction of advanced analytics, including predictive modeling, that drive business performance consistent with company goals and objectives. Works with internal business partners to understand and validate scope of advanced analytics projects and directs projects teams to support those projects. Collaborates within the division and cross-divisionally to develop and integrate statistical models into various processes. Oversees research of new and innovative analytic tools and techniques. Monitors industry trends in analytics and investigates new concepts, ideas, and data sources. Primary accountabilities include: • Advanced Analytics Oversight (40%): o Provides oversight and direction for the design, development, and evaluation of predictive models and advanced algorithms that lead to business solutions. o Directs the most complex and vital analytics work critical to the organization. o Oversees advanced exploratory analytics that produce a variety of business solutions. o Conducts peer review on technical aspects of projects. o Partners with business areas (Commercial Lab, EDM, IS, etc.) on data innovation. • Portfolio Strategy and Management (25%): o Collaborates with Strategic Data & Analytics Vice President as well as business partners internal and external to the division to develop and execute advanced analytics strategy and project portfolio. o Leverages business acumen and domain expertise in directing advanced analytics strategy and application. o Aligns plans to divisional and corporate objectives/goals and integrates within the corporate planning cycle. o Monitors and analyzes advanced analytics resources. Assesses needs and appropriately allocates resources to priorities and initiatives. o Works with divisional management to improve work processes that impact work environment and divisional resources. o Provides overall portfolio/project management oversight and direction for a variety of advanced analytics project. Oversees measurement, monitoring and reporting of project progress and resource utilization. Manages project resources to ensure timely delivery of projects consistent with divisional goals and objectives. o Coordinates with business partners (Analytics Strategy, etc.) on knowledge management and participates in business area meetings. Maintains holistic view of the business. Ensures rapid delivery and execution of insights derived from data analytics into the organization. • Analytic Tools and Techniques Research Oversight (15%): o Sets the vision for the use of new and innovative tools and technology. o Maintains and fosters an industry awareness of new developments in analytics techniques and tools, and ensures quick execution in their use within the department. o Interfaces with Enterprise Data Management (EDM) and Information Services (IS) on evolving technological and data needs and requirements. • Strategies Linked to the Division's Business Goals/Results (10%): o Establishes, communicates, and implements departmental plans, objectives, and strategies. o Participates as a member of the Management Team. o Maintains an active awareness of our Client's business environments, corporate culture, and structure to support key decision-making. • Management/Leadership for Department or Unit (10%): o Manages direct reports, systems, and projects to achieve department/unit goals in accordance with Company policies and practices. o Prepares and analyzes department/unit plans and reports. o Provides leadership by exhibiting influence and expertise, thus affecting the results of the operating area. o Creates an effective work environment by developing a common vision, setting clear objectives, expecting teamwork, recognizing outstanding performance, and maintaining open communications. o Develops staff through coaching, providing performance feedback, providing effective performance assessments, and establishing performance & development plans.
Obviously, as seen above, I'm doing something wrong or Live View does not do all the functions that Design View use to do. I realize I can still access Design View in non-Fluid Grid Layout documents and that is my current work-around. I copy from my Word file into Design View available in non-Fluid, then copy that code into my Fluid Grid Layout document, not real efficient use of my time. And, even that work-around may not be available after the next upgrade.

Hans thank you for your reply and attention to this matter. Moreover, with your steeped expertise I do not, in any fashion, intend to be flippant or capricious.
However, I do not believe the reply is on point since I'm not discussing the insertion of an HTML tag/element; but rather, the placing of complex formatted text into my various web pages.
Design View and 2014.1 Live View seem to serve different functions. That is, Design View, for us, serves as a highly sophisticated HTML5 code generator that allows us to properly display complex formatted text that originally is created as a Word docx file. As I noted in my original post, the complex formatted text from the Word file is then pasted into Design View and thus properly renders on the web page. I invite you to try this yourself. Simply copy my properly formatted text in my original post (that can be found at "Using Design View the web page rendered this way:") to a Word file, and it will retain the complex formatting, then copy that Word file text to both Design View and 2014.1 Live View files. Please apprise me of your results.
Discussion has been had in at least two separate threads on the Design View disappearance in Fluid Grid. In https://forums.adobe.com/thread/1597260 staff member Lalita wrote "It would be helpful for us if you list the issues you are seeing with fluid grid live view editing." And in https://forums.adobe.com/message/6807088#6807088 staff member Subhadeep wrote "If you can list down the workflows you are trying while editing in Live View & the issues you are facing in doing so, it will help us understand what is amiss & suggest alternative workflows to do the same." I believe I've pointed out issues when attempting to use Live View for functions or work flow that customarily had been done in Design View.
Being a CC subscriber, if someone can provide me with a workflow using other additional Adobe products to get my complex formatted text from Word ultimately to my Dreamweaver web page, be it an image insert or whatever, I would take the suggestions.
The difference in the coding of my example in my original post is as follows.
Code when using Design View is:
<p><strong>Research & Analytics Director</strong><br>
<strong>Position# 2469</strong><br>
<strong>Location:</strong> Midwest<br>
<strong>Education Requirements:</strong> MS degree in Mathematics, Statistics, Economics, Engineering, Actuarial Science or related field or equivalent designation, such as FCAS.<br>
<strong>Other Requirements:</strong> Include:</p>
<ul type="disc">
<li>Job       Competencies:</li>
<ul type="circle">
    <li>Achieve        Results.</li>
    <li>Be        Accountable.</li>
    <li>Lead        Change.</li>
    <li>Lead Corp        Vision & Strategy.</li>
    <li>Lead        People.</li>
    <li>Maximize        Customer Experience.</li>
</ul>
<li>Specialized       Knowledge and Skills Requirements:</li>
<ul type="circle">
    <li>Demonstrated        ability to develop strategic partnerships.</li>
    <li>Demonstrated        ability to identify potential issues, and to proactively work to the        mitigation of those issues.</li>
    <li>Demonstrated        experience communicating business implications of complex data        relationships and results of statistical models to multiple business        partners.</li>
    <li>Demonstrated        experience formulating, approaching, and solving problems in massive,        complex datasets.</li>
    <li>Demonstrated        experience in public speaking and use of appropriate presentation skills.</li>
    <li>Demonstrated        experience interfacing with business clients and driving solution        discussions with both IT and business stakeholders.</li>
    <li>Demonstrated        experience performing advanced statistical analysis, including        generalized linear models, decision trees, neural networks, etc., to        discover business insights and develop predictive models.</li>
    <li>Demonstrated        experience with statistical and modeling software tools, such as SAS or        R.</li>
    <li>Demonstrated        management or leadership experience.</li>
    <li>Solid        knowledge and understanding of mathematical modeling and research.</li>
</ul>
</ul>
<p><strong>Salary Range:</strong> $146,300 to $243,800+<br>
<strong>Description:</strong> This position is responsible for oversight and strategic direction of advanced analytics, including predictive modeling, that drive business performance consistent with company goals and objectives. Works with internal business partners to understand and validate scope of advanced analytics projects and directs projects teams to support those projects. Collaborates within the division and cross-divisionally to develop and integrate statistical models into various processes. Oversees research of new and innovative analytic tools and techniques. Monitors industry trends in analytics and investigates new concepts, ideas, and data sources. Primary accountabilities include:</p>
<ul type="disc">
<li>Advanced       Analytics Oversight (40%):</li>
<ul type="circle">
    <li>Provides        oversight and direction for the design, development, and evaluation of        predictive models and advanced algorithms that lead to business        solutions.</li>
    <li>Directs        the most complex and vital analytics work critical to the organization.</li>
    <li>Oversees        advanced exploratory analytics that produce a variety of business        solutions.</li>
    <li>Conducts        peer review on technical aspects of projects.</li>
    <li>Partners        with business areas (Commercial Lab, EDM, IS, etc.) on data innovation.</li>
</ul>
<li>Portfolio       Strategy and Management (25%):</li>
<ul type="circle">
    <li>Collaborates        with Strategic Data & Analytics Vice President as well as business        partners internal and external to the division to develop and execute        advanced analytics strategy and project portfolio.</li>
    <li>Leverages        business acumen and domain expertise in directing advanced analytics        strategy and application.</li>
    <li>Aligns        plans to divisional and corporate objectives/goals and integrates within        the corporate planning cycle.</li>
    <li>Monitors        and analyzes advanced analytics resources. Assesses needs and        appropriately allocates resources to priorities and initiatives.</li>
    <li>Works        with divisional management to improve work processes that impact work        environment and divisional resources.</li>
    <li>Provides        overall portfolio/project management oversight and direction for a        variety of advanced analytics project. Oversees measurement,        monitoring and reporting of project progress and resource        utilization. Manages project resources to ensure timely delivery of        projects consistent with divisional goals and objectives.</li>
    <li>Coordinates        with business partners (Analytics Strategy, etc.) on knowledge management        and participates in business area meetings. Maintains holistic view of        the business. Ensures rapid delivery and execution of insights        derived from data analytics into the organization.</li>
</ul>
<li>Analytic       Tools and Techniques Research Oversight (15%):</li>
<ul type="circle">
    <li>Sets the        vision for the use of new and innovative tools and technology.</li>
    <li>Maintains        and fosters an industry awareness of new developments in analytics        techniques and tools, and ensures quick execution in their use within the        department.</li>
    <li>Interfaces        with Enterprise Data Management (EDM) and Information Services (IS) on        evolving technological and data needs and requirements.</li>
</ul>
<li>Strategies       Linked to the Division's Business Goals/Results (10%):</li>
<ul type="circle">
    <li>Establishes,        communicates, and implements departmental plans, objectives, and        strategies.</li>
    <li>Participates        as a member of the Management Team.</li>
    <li>Maintains        an active awareness of our Client's business environments, corporate        culture, and structure to support key decision-making.</li>
</ul>
<li>Management/Leadership       for Department or Unit (10%):</li>
<ul type="circle">
    <li>Manages        direct reports, systems, and projects to achieve department/unit goals in        accordance with Company policies and practices.</li>
    <li>Prepares        and analyzes department/unit plans and reports.</li>
    <li>Provides        leadership by exhibiting influence and expertise, thus affecting the        results of the operating area.</li>
    <li>Creates        an effective work environment by developing a common vision, setting        clear objectives, expecting teamwork, recognizing outstanding performance,        and maintaining open communications.</li>
    <li>Develops        staff through coaching, providing performance feedback, providing        effective performance assessments, and establishing performance &        development plans.</li>
</ul>
</ul>
Code when using Live View is:
<div id="liveview" class="fluid">Research & Analytics Director Position# 2469 Location: Midwest Education Requirements: MS degree in Mathematics, Statistics, Economics, Engineering, Actuarial Science or related field or equivalent designation, such as FCAS. Other Requirements: Include: • Job Competencies: o Achieve Results. o Be Accountable. o Lead Change. o Lead Corp Vision & Strategy. o Lead People. o Maximize Customer Experience. • Specialized Knowledge and Skills Requirements: o Demonstrated ability to develop strategic partnerships. o Demonstrated ability to identify potential issues, and to proactively work to the mitigation of those issues. o Demonstrated experience communicating business implications of complex data relationships and results of statistical models to multiple business partners. o Demonstrated experience formulating, approaching, and solving problems in massive, complex datasets. o Demonstrated experience in public speaking and use of appropriate presentation skills. o Demonstrated experience interfacing with business clients and driving solution discussions with both IT and business stakeholders. o Demonstrated experience performing advanced statistical analysis, including generalized linear models, decision trees, neural networks, etc., to discover business insights and develop predictive models. o Demonstrated experience with statistical and modeling software tools, such as SAS or R. o Demonstrated management or leadership experience. o Solid knowledge and understanding of mathematical modeling and research. Salary Range: $146,300 to $243,800+ Description: This position is responsible for oversight and strategic direction of advanced analytics, including predictive modeling, that drive business performance consistent with company goals and objectives. Works with internal business partners to understand and validate scope of advanced analytics projects and directs projects teams to support those projects. Collaborates within the division and cross-divisionally to develop and integrate statistical models into various processes. Oversees research of new and innovative analytic tools and techniques. Monitors industry trends in analytics and investigates new concepts, ideas, and data sources. Primary accountabilities include: • Advanced Analytics Oversight (40%): o Provides oversight and direction for the design, development, and evaluation of predictive models and advanced algorithms that lead to business solutions. o Directs the most complex and vital analytics work critical to the organization. o Oversees advanced exploratory analytics that produce a variety of business solutions. o Conducts peer review on technical aspects of projects. o Partners with business areas (Commercial Lab, EDM, IS, etc.) on data innovation. • Portfolio Strategy and Management (25%): o Collaborates with Strategic Data & Analytics Vice President as well as business partners internal and external to the division to develop and execute advanced analytics strategy and project portfolio. o Leverages business acumen and domain expertise in directing advanced analytics strategy and application. o Aligns plans to divisional and corporate objectives/goals and integrates within the corporate planning cycle. o Monitors and analyzes advanced analytics resources. Assesses needs and appropriately allocates resources to priorities and initiatives. o Works with divisional management to improve work processes that impact work environment and divisional resources. o Provides overall portfolio/project management oversight and direction for a variety of advanced analytics project. Oversees measurement, monitoring and reporting of project progress and resource utilization. Manages project resources to ensure timely delivery of projects consistent with divisional goals and objectives. o Coordinates with business partners (Analytics Strategy, etc.) on knowledge management and participates in business area meetings. Maintains holistic view of the business. Ensures rapid delivery and execution of insights derived from data analytics into the organization. • Analytic Tools and Techniques Research Oversight (15%): o Sets the vision for the use of new and innovative tools and technology. o Maintains and fosters an industry awareness of new developments in analytics techniques and tools, and ensures quick execution in their use within the department. o Interfaces with Enterprise Data Management (EDM) and Information Services (IS) on evolving technological and data needs and requirements. • Strategies Linked to the Division's Business Goals/Results (10%): o Establishes, communicates, and implements departmental plans, objectives, and strategies. o Participates as a member of the Management Team. o Maintains an active awareness of our Client's business environments, corporate culture, and structure to support key decision-making. • Management/Leadership for Department or Unit (10%): o Manages direct reports, systems, and projects to achieve department/unit goals in accordance with Company policies and practices. o Prepares and analyzes department/unit plans and reports. o Provides leadership by exhibiting influence and expertise, thus affecting the results of the operating area. o Creates an effective work environment by developing a common vision, setting clear objectives, expecting teamwork, recognizing outstanding performance, and maintaining open communications. o Develops staff through coaching, providing performance feedback, providing effective performance assessments, and establishing performance & development plans. </div>
It is readily apparent that Design View is a much needed code generator in the Dreamweaver product. Live View serves completely other, and needed, purposes. Therefore, I still, after all the forum discussions, do not understand why Design View has been removed from Fluid Grid.
Again Hans thank you for your reply. But unless I'm missing something, citation to the links you provided does not solve my problem. And that problem is this: If Design View is on its way out and thus will be completely removed from Dreamweaver at some point, then how do I provide my information (i.e. complex executive job descriptions) on my website?
Apparently a vote is taking place https://forums.adobe.com/ideas/3922 on the issue of placing Design View back into Fluid Grid. I do not understand why the need for two rather disjunctive functionalities are at the mercy of the democratic process. These are matters of engineering principles not "town hall gatherings".

Div Image not showing in Live View

Why can't I see my image placed within a Div tag in Live View? Makes no sense. I've changed the z-index to 1000, also tried 1 nothing changes. Please advise if anyone can help. Thank you!

I've applied BOLD to the Div tag in question
HTML Code:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">

<title>Permanent Concrete and Asphalt Repair Home Page</title>
<meta name="description" content="CeraTech's Pavemend family of high performance concrete repair products have become the choice of professionals across the country for their rapid return to service, versatility, ease of use, and superior durability.">
<style type="text/css">
#apDiv8 {
    position: absolute;
    width: 200px;
    height: 115px;
    z-index: 2;
</style>

<link href="pavmend_styles.css" rel="stylesheet" type="text/css">
<style type="text/css">
#pavemendlogo {
    background-image: url(_images/NEW%202012%20PAVEMEND%20LOGO%20WHITE.png);
    background-repeat: no-repeat;
    height: 78px;
    width: 196px;
#prochoicetype {
    background-image: url(_images/pro_choice_concrete_type.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 521px;
    margin-left: 200px;
    margin-top: -40px;
#prochoicetype {
    background-image: url(_images/pro_choice_concrete_type.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 521px;
    margin-left: 200px;
    margin-top: -40px;
</style>


</head>
<body>
<div id="wrapper">
<div class="container">
<div id="apDiv1"><a href="pavemend_home_page.html"><img src="_images/NEW 2012 PAVEMEND LOGO WHITE.png" width="197" height="79" class="fltlft" /></a>
    <div id="resources"></div>

<div class="headerResources"></div>

<nav>
<ul id="menu">
    <li><a href="pavemend_home_page.html">OUR PRODUCTS ▼</a>
      <ul>
        <li><a href="slq_product_page.html">SLQ<sup>®</sup></a></li>
        <li><a href="sl_product_page.html">SL<sup>®</sup></a></li>
        <li><a href="dotline_product_page.html">DOTLine™</a></li>
        <li><a href="15.0_product_page.html">Pavemend 15.0<sup>®</sup></a></li>
        <li><a href="TR_product_page.html">Pavemend TR<sup>®</sup></a></li>
        <li><a href="VR_product_page.html">Pavemend VR<sup>®</sup></a></li>
        <li><a href="IA_product_page.html">Instant Asphalt™</a></li>
        <li><a href="kemrok_product_page.html">KEMROK™</a></li>
        <li><a href="kemrokVR_product_page.html">KEMROK VR™</a></li>
        <li><a href="firerok_product_page.html">FIREROK™</a></li>
        <li><a href="antiwear_product_page.html">Anti-Wear™</a></li>
        <li><a href="antiscale_product_page.html">Anti-Scale™</a></li>
      </ul>
    </li>
    <li><a href="resources_page.html">RESOURCES</a></li>
    <li><a href="technical_support.html">TECHNICAL SUPPORT</a></li>
    <li><a href="contact_page.html">CONTACT US</a></li>
</ul>
</nav>
    </section>

<div class="sidebarleftlong">
<nav>
    <ul>
      <li><a href="#">PAVEMEND PRODUCT <br>    BROCHURE</a></li>
      <p><li><a href="#">KEEP TRAFFIC MOVING <br>    BROCHURE</a></li></p>
      <p><li><a href="#">CASE STUDIES</a></li></p>
      <p><li><a href="#">INSTANT ASPHALT REPAIR</a></li></p>
      <p><li><a href="#">SL PRODUCT VIDEO</a></li></p>
      <p><li><a href="#">SLQ PRODUCT VIDEO</a></li></p>
      <p><li><a href="#">DOTLINE FIELD <br>    APPICATION VIDEO</a></li></p>
    </ul>
    </nav>
   <div id=""></div>
    </div>


<div class="content">
<p> </p>
<img src="_images/resources_header.png" alt="slheader" width="553" height="31" class="productlogos" />
</section>
<p> </p>
      <section>
        <p><strong>Pavemend</strong><sup>®</sup> Rapid, Permanent Concrete and Asphalt repair products are quickly becoming the choice for Turnpike, State DOT Bridge Crews and discriminating engineers who value superior, permanent repairs and reduced traffic disruptions.</p>
<p>Typical repair applications include full and partial depth bridge deck repairs, bridge header joints, approach slabs, form & pour repairs, dowel bar retrofits, joint nosings and more. <strong>Pavemend</strong><sup>®</sup> products require only the addition of water, with no bonding agents or curing requirements and offer all season rapid repair capability.</p>
<p>Featuring technology developed here in the USA, <strong>Pavemend</strong><sup>®</sup> (by CeraTech Inc) products are easier to use, offer greater durability, provide superior return on investment, and are by far the most sustainable repair products available today.</p>
        <p><img src="_images/Done Smart Logo.png" width="150" height="17" alt="donesmartlogo" />
      </section>
</div>
        
<div class="footer"><img src="_images/NEW 2012 PAVEMEND LOGO WHITE.png" width="160" height="64" class="flt_rgt" />
    <table width="510" summary="footer material">
<tr>
    <td width="210"><strong><em>Manufactured by</em></strong></td>
<tr>
    <td><img src="_images/CTI_logo_white.png" width="200" height="47" alt=""/>
    <td width="50" align="center"><a href="#../twitter.com/Pavemend">Twitter</a>
<div id="apDiv7"></div>
<td><strong><em>Planet Friendly Technology</em></strong></td>
   </tr>
</table>
    <div id="apDivPFT1"></div>
    </div>
</div>
</body>
</html>
CSS:
@charset "UTF-8";
/* BEGIN HORIZONTAL DROP-MENU */
#menu {
    clear: left;
    position: relative;
    width: 100%; /**adjust width as needed**/
    margin: 0;
    padding: 0;
    background-image: url(_images/topnavpanel.png);
    color: #FFFFFF;
#menu ul {
    margin: 0;
    padding: 0
#menu li {
    list-style: none;
    float: left;
    text-align: center;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    color: #000000;
/**top level menu**/
#menu li a {
    display: inline-block;
    text-decoration: none;
    /* adjust width as needed or use auto */
    width: 13em;
    padding: 8px;
    font-weight: bold;
    line-height: 12px;
    color: #000;
    border-top-style: none;
    font-size: 90%;
    margin-bottom: 0;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 0;
    border-bottom-style: none;
/**top menu style on mouse over**/
#menu li:hover > a {
    color: #FFF;
    width: 13em;
/**sub-menu**/
#menu li ul {
    display: none;
    text-align: center;
    padding: 0;
    margin-bottom: 0;
    margin-left: 40px;
    margin-right: 0;
    margin-top: 0;
    border-bottom-style: none;
/**sub-menu, help for older IE**/
#menu li:hover ul, #menu li.hover ul {
    display: block;
    position: absolute;
    z-index:1000;
    padding: 0;
#menu li:hover li, #menu li.hover li {
    float: none;
    background-color: #E1D5BB;
/**drop-menu style**/
#menu li:hover li a, nav li.hover li a {
    width: 14em; /* adjust width as needed or use auto */
    margin-top: 0;
/**drop-menu style on mouse over**/
#menu li li a:hover {
    color: #FFF;
    background-color: #03C;
/* Clear floated elements at the end*/
#menu:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
/**END HORIZONTAL DROP-MENUS STYLES**/
#apDiv11 {
    position: absolute;
    width: 190px;
    height: 180px;
    z-index: 2;
    background-image: url(_images/WomanPhone.png);
    background-position: 10px;
    background-repeat: no-repeat;
    margin-top: 240px;
#apDivSustainability {
    position: absolute;
    width: 200px;
    height: 420px;
    z-index: 3;
    background-image: url(_images/sustainabilitySB2.png);
    background-repeat: no-repeat;
#apDiv10 {
    position: absolute;
    width: 75px;
    height: 73px;
    z-index: 2;
    background-image: url(_images/PFTLogo.png);
    float: right;
    margin-left: 650px;
    margin-top: -110px;
#apDiv9 {
    position: absolute;
    width: 200px;
    height: 207px;
    z-index: 3;
    background-image: url(_images/slphoto1.png);
    background-repeat: no-repeat;
    margin-top: 30px;
    margin-left: -5px;
#apDivslqphoto {
    position: absolute;
    width: 200px;
    height: 267px;
    z-index: 3;
    background-image: url(_images/slqphoto.jpg);
    background-repeat: no-repeat;
    margin-top: 30px;
    margin-left: -5px;
#apDivdotlinephoto {
    position: absolute;
    width: 200px;
    height: 267px;
    z-index: 3;
    background-image: url(_images/dotlinephoto.png);
    background-repeat: no-repeat;
    margin-top: 30px;
    margin-left: -5px;
#apDiv15photo {
    position: absolute;
    width: 200px;
    height: 179px;
    z-index: 3;
    background-image: url(_images/15.0_photo.png);
    background-repeat: no-repeat;
    margin-top: 30px;
    margin-left: -5px;
#apDivTRphoto {
    position: absolute;
    width: 200px;
    height: 267px;
    z-index: 3;
    background-image: url(_images/TR_photo.png);
    background-repeat: no-repeat;
    margin-top: 30px;
    margin-left: -5px;
#apDivAWphoto {
    position: absolute;
    width: 200px;
    height: 150px;
    z-index: 3;
    background-image: url(_images/AWPhoto.png);
    background-repeat: no-repeat;
    margin-top: 30px;
    margin-left: -5px;
#apDivASphoto {
    position: absolute;
    width: 200px;
    height: 134px;
    z-index: 3;
    background-image: url(_images/ASphoto.png);
    background-repeat: no-repeat;
    margin-top: 30px;
    margin-left: -5px;
#apDivVRphoto {
    position: absolute;
    width: 200px;
    height: 150px;
    z-index: 3;
    background-image: url(_images/VR_photo.png);
    background-repeat: no-repeat;
    margin-top: 30px;
    margin-left: -5px;
#apDivIAphoto {
    position: absolute;
    width: 200px;
    height: 162px;
    z-index: 3;
    background-image: url(_images/IA_photo.png);
    background-repeat: no-repeat;
    margin-top: 30px;
    margin-left: -5px;
#apDivKemrokphoto {
    position: absolute;
    width: 200px;
    height: 207px;
    z-index: 3;
    background-image: url(_images/KEMROK%20pic.jpg);
    background-repeat: no-repeat;
    margin-top: 30px;
    margin-left: -5px;
#apDivFirerokphoto {
    position: absolute;
    width: 200px;
    height: 248px;
    z-index: 3;
    background-image: url(_images/Firerok_photo.png);
    background-repeat: no-repeat;
    margin-top: 30px;
    margin-left: -5px;
#apDivtechsupportphoto {
    position: absolute;
    width: 200px;
    height: 248px;
    z-index: 3;
    background-image: url(_images/techsupport_photo.png);
    background-repeat: no-repeat;
    margin-top: 30px;
    margin-left: -5px;
#apDivKemrokVRphoto {
    position: absolute;
    width: 200px;
    height: 207px;
    z-index: 3;
    background-image: url(_images/Kemrok%20VR%20pic.jpg);
    background-repeat: no-repeat;
    margin-top: 30px;
    margin-left: -5px;
#apDiv8 {
    position: absolute;
    width: 180px;
    height: 167px;
    z-index: 2;
    background-image: url(_images/SLbktandbag.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: -160px;
    margin-left: 520px;
#apDivslq {
    position: absolute;
    width: 80px;
    height: 105px;
    z-index: 2;
    background-image: url(_images/SLQbucket.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: -125px;
    margin-left: 515px;
#apDivdotlinebag {
    position: absolute;
    width: 88px;
    height: 167px;
    z-index: 2;
    background-image: url(_images/dotlinebag.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: -165px;
    margin-left: 280px;
#apDivkemrokbag {
    position: absolute;
    width: 121px;
    height: 167px;
    z-index: 2;
    background-image: url(_images/kemrok_bag.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: -165px;
    margin-left: 570px;
#apDivPFT1 {
    position: absolute;
    width: 121px;
    height: 167px;
    z-index: 2;
    background-image: url(_images/PFTLogo.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: -75px;
    margin-left: 470px;
#apDivkemrokVRbag {
    position: absolute;
    width: 121px;
    height: 167px;
    z-index: 2;
    background-image: url(_images/kemrokvr_bag.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: -160px;
    margin-left: 590px;
#apDivFirerokbag {
    position: absolute;
    width: 90px;
    height: 167px;
    z-index: 2;
    background-image: url(_images/firerok_bag.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: -160px;
    margin-left: 570px;
#apDivAWbucket {
    position: absolute;
    width: 90px;
    height: 167px;
    z-index: 2;
    background-image: url(_images/firerok_bag.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: -160px;
    margin-left: 590px;
#apDivAWbucket {
    position: absolute;
    width: 90px;
    height: 167px;
    z-index: 2;
    background-image: url(_images/firerok_bag.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: -160px;
    margin-left: 590px;
#apDivAWbucket {
    position: absolute;
    width: 80px;
    height: 96px;
    z-index: 2;
    background-image: url(_images/AWbucket.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: -160px;
    margin-left: 590px;
#apDiv15bag {
    position: absolute;
    width: 88px;
    height: 111px;
    z-index: 2;
    background-image: url(_images/15.0bucket.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: -115px;
    margin-left: 260px;
#apDivTRbucket {
    position: absolute;
    width: 80px;
    height: 106px;
    z-index: 2;
    background-image: url(_images/TRbucket.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: -120px;
    margin-left: 370px;
#apDivAWbucket {
    position: absolute;
    width: 205px;
    height: 150px;
    z-index: 2;
    background-image: url(_images/AWArt.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: -140px;
    margin-left: 420px;
    font-size: 120%;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
#apDivASArt {
    position: absolute;
    width: 205px;
    height: 150px;
    z-index: 2;
    background-image: url(_images/ASArt.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: -140px;
    margin-left: 420px;
    font-size: 120%;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
#apDivVRbucket {
    position: absolute;
    width: 80px;
    height: 87px;
    z-index: 2;
    background-image: url(_images/VRbucket.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: -105px;
    margin-left: 470px;
#apDivIAbucket {
    position: absolute;
    width: 251px;
    height: 106px;
    z-index: 2;
    background-image: url(_images/IAbuckets.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: -120px;
    margin-left: 400px;
body {
    background-color: #666;
    color: #000;
    text-align: center;
    background-image: url(_images/roadblurred.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    padding-top: 60px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    line-height: 1.4;
.formtext {
    font-size: 100%;
    text-align: left;
.bodyfootnote {
    font-size: 70%;
    margin-left: 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
.red {
    font-size: 70%;
    color: #F00;
.popups {
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
    padding: 0;
    margin: 0;
    text-transform: capitalize;
    text-decoration: none;
    list-style: none;
h1, h2, h3, h4, h5, h6, p {
    /* [disabled]margin-top: 0; */     /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
    padding-right: 15px;
    padding-left: 23px;
    line-height: 25px;
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
    border: none;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 100%;
    padding: 5px;
a:visited {
    color: #FFFFFF;
    text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
    text-decoration: none;
    background-color: #03C;
    color: #FFF;
    height: 12px;
    alignment-baseline: text-after-edge;
/* ~~this fixed width container surrounds the other divs~~ */
.container {
    width: 960px;
    background-color: #FFF; /* the auto value on the sides, coupled with the width, centers the layout */
    background-image: url(_images/Bridge4WebScreened.png);
    background-repeat: no-repeat;
    margin-bottom: 0;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0;
    text-align: left;
.containerTS {
    width: 960px;
    background-color: #FFF;
    margin: 0 0px; /* the auto value on the sides, coupled with the width, centers the layout */
    background-image: url(_images/US_Map.png);
    background-repeat: no-repeat;
    text-align: left;
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
    background-color: #000;
    background-image: url(_images/BannerBlured960.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.headerSL {
    background-color: #000;
    background-image: url(_images/PMND%20SL%20Header.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.headerPurchase {
    background-color: #000;
    background-image: url(_images/contact%20us%20pavemend%20header.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.headerSLQ {
    background-color: #000;
    background-image: url(_images/PMND%20SLQ%20Header.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.headerDOTline {
    background-color: #000;
    background-image: url(_images/DOTLINE%20Header.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.header15 {
    background-color: #000;
    background-image: url(_images/PMND%2015.0%20Header.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.headerTR {
    background-color: #000;
    background-image: url(_images/PMND%20TR%20Header.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.headerAW {
    background-color: #000;
    background-image: url(_images/anti_wear_pavemend_header.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.headerAS {
    background-color: #000;
    background-image: url(_images/anti%20scale%20pavemend%20header.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.headerVR {
    background-color: #000;
    background-image: url(_images/PMND%20VR%20Header.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.headerIA {
    background-color: #000;
    background-image: url(_images/Instant%20asphalt%20packaged%20Header.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.headerKemrok {
    background-color: #000;
    background-image: url(_images/KEMROK%20packaged%20Header.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.headerKemrokVR {
    background-color: #000;
    background-image: url(_images/KEMROK%20VR%20packaged%20Header.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.headerFirerok {
    background-color: #000;
    background-image: url(_images/FIREROK%20packaged%20Header.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.headerAntiWear {
    background-color: #000;
    background-image: url(_images/anti_wear_pavemend_header.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.headerTechSupport {
    background-color: #000;
    background-image: url(_images/FEBlurred.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.headerResources {
    background-color: #000;
    background-image: url(_images/ResourceBanner.png);
    height: 229px;
    background-repeat: no-repeat;
    width: 960px;
.header h1 {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20pt;
    font-style: normal;
    font-weight: bolder;
    color: #FFF;
    padding-top: 150px;
    padding-left: 30px;
/* ~~ These are the columns for the layout. ~~
1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.
3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
4) If you prefer your nav on the left instead of the right, simply float these columns the opposite direction (all left instead of all right) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
.sidebar1 {
    float: right;
    width: 180px;
    margin-left: 0px;
    margin-right: 30px;
    clear: none;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;
    font-style: italic;
    background-image: url(_images/Testimonialb.gif);
    background-repeat: no-repeat;
    height: 456px;
    text-decoration: none;
    z-index: 1000;
.sidebarPurchase {
    float: right;
    width: 200px;
    margin-left: 0px;
    margin-right: 20px;
    clear: none;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;
    font-style: italic;
    background-image: url(_images/purchaseSB.png);
    background-repeat: no-repeat;
    height: 420px;
    margin-top: 0px;
    text-decoration: none;
    background-color: #217CC0;
    background-position: 10px 10px;
.sidebarleft {
    float: left;
    width: 195px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 85%;
    font-style: oblique;
    height: 200px;
    text-decoration: none;
    padding-top: 8px;
    padding-left: 10px;
    margin-right: 5px;
    background-color: #217CC0;
    vertical-align: bottom;
    line-height: 30px;
    font-weight: bold;
    border-bottom-style: groove;
    border-bottom-width: 10px;
    margin-top: -4px;
.sidebarleftlong {
    float: left;
    width: 195px;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-style: oblique;
    height: 280px;
    text-decoration: none;
    padding-top: 20px;
    margin-right: 5px;
    background-color: #217CC0;
    vertical-align: bottom;
    line-height: 17px;
    font-weight: bold;
    border-bottom-style: groove;
    border-bottom-width: 10px;
    margin-top: -4px;
    color: #FFF;
    font-size: 85%;
    text-align: left;
    padding-left: 10px;
.sidebargreen {
    float: left;
    width: 195px;
    height: 410px;
    text-decoration: none;
    padding-top: 20px;
    margin-right: 5px;
    background-color: #8CC63F;
    border-bottom-style: groove;
    border-bottom-width: 10px;
    margin-top: -4px;
    padding-left: 10px;
.nav2 {
    font-family: bebas-neue;
    font-style: normal;
    font-weight: 400;
    color: #FFF;
.sidebarleft nav ul li a {
    text-decoration: none;
    color: #FFF;
.sidebarleftlong nav ul li a {
    text-decoration: none;
    color: #FFF;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-weight: bold;
.content {
    width: 730px;
    float: left;
    background-image: none;
    background-repeat: no-repeat;
    background-position: left;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    padding: 10px 0;
    text-align: left;
    font-size: 100%;
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
    padding: 0 15px 15px 40px;
    text-decoration: none;
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
    list-style: none; /* this removes the list marker */
    border-top: 1px solid #666; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
    margin-bottom: 15px; /* this creates the space between the navigation on the content below */
    text-decoration: none;
ul.nav li {
    border-bottom: 1px solid #666;
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
    padding: 5px 5px 5px 15px;
    display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
    width: 160px; /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
    text-decoration: none;
    background-color: #C6D580;
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
    background-color: #DFEBF3;
    color: #FFF;
    text-decoration: none;
/* ~~ The footer ~~ */
.footer {
    padding: 10px 0;
    position: relative;/* this gives IE6 hasLayout to properly clear */
    clear: both;
    background-color: #000000;
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: left;
    margin-left: 760px;
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
    float: left;
    margin-right: 8px;
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
#apDiv1 {
    position: absolute;
    width: 900px;
    height: 94px;
    z-index: 1;
    margin-top: 80px;
    margin-left: 30px;
    white-space: 3;
    font-size: 100%;
    text-align: left;
sllogo {
    background-image: url(_images/SLwhitelogo.png);
    background-repeat: no-repeat;
.slLogo {
    background-image: url(_images/SLwhitelogo.png);
    background-repeat: no-repeat;
    height: 100px;
    width: 240px;
.productlogos {
    margin-left: 23px;
    margin-top: 10px;
.Bold {
    font-weight: bold;
.inherent {
    font-style: inherit;
sup {
    position: relative;
    top: -1ex;
    vertical-align:baseline;
    font-size: 75%;
#apDiv2 {
    position: absolute;
    width: 650px;
    height: 31px;
    z-index: 2;
    background-repeat: no-repeat;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: 15px;
    margin-left: 15px;
    top: 369px;
    background-image: url(_images/homeheader.png);
.footer table tr td {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 75%;
    color: #FFF;
    height: 8px;
    width: 160px;
    margin-left: 10px;
    padding-left: 15px;
    border-collapse: collapse;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 5px;
.footer p {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 80%;
    color: #FFF;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 30px;
.footer table tr th h4 {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 75%;
    color: #FFF;
    float: left;
    padding-left: 15px;
    height: 0px;
.footer table tbody tr td a {
    color: #FFF;
#wrapper {
     width:970px; /**adjust as needed**/
     margin:0 auto; /**centers page on screen**/
.flt_rgt {
    float: right;
    margin-top: 15px;
    margin-right: 30px;
    background-image: ;
    background-repeat: no-repeat;
.title {
    /* [disabled]margin-right: 30px; */
    margin-top: 35px;
    margin-left: 10px;
    background-image: ;
    background-repeat: no-repeat;
    /* [disabled]margin-left: 20px; */
    top: 30px;
    /* [disabled]margin-top: 30px; */
    left: 30px;
.flt_products {
    float: right;
    margin-right: 30px;
    background-image: ;
    background-repeat: no-repeat;
.container section nav {
    background-image: url(_images/topnavpanel.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 960px;
    padding-top: 3px;
#apDiv3 {
    position: absolute;
    width: 468px;
    height: 41px;
    z-index: 2;
    background-image: url(_images/savetimetext.png);
    background-repeat: no-repeat;
    margin-left: 15px;
#apDiv4 {
    position: absolute;
    width: 400px;
    height: 41px;
    z-index: 3;
    background-image: url(_images/ULTRAFLOR.png);
    background-repeat: no-repeat;
    margin-left: 10px;
    margin-top: 45px;
#apDiv5 {
    position: absolute;
    width: 250px;
    height: 103px;
    z-index: 4;
    background-image: url(_images/HI%20RES%20PRODUCT%20FAMILY%20w%20IA.png);
    background-repeat: no-repeat;
    float: right;
    right: auto;
    margin-left: 675px;
    margin-top: -22px;
#apDiv6 {
    position: absolute;
    width: 40px;
    height: 38px;
    z-index: 5;
    background-image: url(_images/PFT%20No%20Text%20No%20Flip.png);
    margin-top: -25px;
    margin-left: 83px;
#apDiv7 {
    position: absolute;
    width: 20px;
    height: 17px;
    z-index: 5;
    background-image: url(_images/twitter-bird-dark-bgs.png);
    margin-top: -15px;
    margin-left: 85px;
nav ul {
    list-style: none; /* this removes the list marker */
    border-top: 1px solid #666; /* this creates the space between the navigation on the content below */
    font-size: 90%;
nav ul li {
    text-decoration: none;
    color: #FFF;
nav ul a:link , nav ul a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
    padding: 5px 5px 5px 15px;
    display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
    width: 160px; /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
    text-decoration: none;
    text-align: left;
    color: #FFF;
nav ul a:hover, nav ul a:active, nav ul a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
    color: #FFF;
    text-decoration: none;
.orange {
    color: #FAA634;
.white {
    color: #FFFFFF;
.red {
    color: #F00;
.red1 {
    color: #F00;
.toppanel {
    background-image: url(_images/topnavpanel.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 960px;
#apDiv12 {
    position: fixed;
    width: 960px;
    height: 30px;
    z-index: 5;
    background-image: url(_images/topnavpanel.png);
    background-repeat: no-repeat;
    float: left;
    top: 229px;
.white {
.CeraTechLogo {
    background-image: url(_images/CTI_logo_white.png);
    background-repeat: no-repeat;
    width: 200px;
    height: 60px;
.apDivPFT {
    background-repeat: no-repeat;
    padding-left: px;
    padding-top: 0px;
#prochoicetype {
    background-image: url(_images/pro_choice_concrete_type.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 521px;
    margin-left: 200px;
    margin-top: -40px;
#resources {
    background-image: url(_images/ResourcesType.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 521px;
    margin-left: 200px;
    margin-top: -40px;

Webpage looks good with tranparent boxes and photo background in live view but not in browsers

If anyone has time to help I would be very grateful.   I am new to dreamweaver and am trying to make a webpage with transparent colums and boxed text using styles. It looks perfect in "live view" but when I look at it in any browser all formatting is gone. It looks like the background with text on top layed out wrapped across the entire page.   I have not been able to figure out what is wrong in days of searching. Does anyone know the answer?
This first the format I want and is what it looks like in Live View, the second is what it looks like in most browsers.
Here is the code I used:
</style>
<link href="../styles/tcastyles.css" rel="stylesheet" type="text/css">
<style type="text/css">
body {
          background-image: url(bamboo.JPG);
          margin-left: 150px;
a:link {
          color: #600;
          text-decoration: none;
a:visited {
          text-decoration: none;
a:hover {
          text-decoration: none;
a:active {
          text-decoration: none;
          font-family: Verdana, Geneva, sans-serif;
          font-size: 12px;
          font-weight: bold;
a {
          font-size: 12px;
body,td,th {
          font-family: Verdana, Geneva, sans-serif;
.container .faqs h2 {
          line-height: 40px;
.container .faqs ul li {
          text-align: left;
.footer {
          padding: 5;
          position: relative;
          clear: both;
</style>
<div class="container">
<div class="header"><span class="menutable"></span><img border="0" src="navigate_projects.jpg" width="307" height="167" usemap="#FPMap0" alt="The Conservation Agency - Project Menu" align="absmiddle" />
    <map name="FPMap0">
      <area shape="rect" coords="132, 112, 172, 127" href="asia.htm" alt="Asia" />
      <area shape="rect" coords="138, 92, 286, 110" href="west.htm" alt="Western Hemisphere" />
      <area shape="rect" coords="138, 73, 279, 89" href="flamingos.htm" alt="British Virgin Islands" />
      <area shape="rect" coords="131, 55, 249, 72" href="turkscaicos.htm" alt="Turks and Caicos" />
      <area shape="rect" coords="121, 35, 244, 52" href="newengland.htm" alt="Narragansett Bay" />
      <area shape="rect" coords="103, 17, 306, 32" href="coyote.htm" alt="Narragansett Bay Coyote Study " />
      <area shape="rect" coords="121, 128, 173, 144" href="pacific.htm" alt="Pacific" />
    </map>
</div>
<div class="menu">
    <table width="100%" border="0" align="center" id="menutable">
      <tr>
        <td height="30" align="center" valign="middle"><p><strong><a href="mission.htm">Mission</a></strong></p></td>
        <td height="30" align="center" valign="middle"><p><strong><a href="pubs.htm">Publications</a></strong></p></td>
        <td height="30" align="center" valign="middle"><p><strong><a href="projects.htm">Projects</a></strong></p></td>
        <td height="30" align="center" valign="middle"><p><strong><a href="opps.htm">Opportunities</a></strong></p></td>
        <td height="30" align="center" valign="middle"><p><strong><a href="sponsors.htm">Sponsors</a></strong></p></td>
        <td height="30" align="center" valign="middle"><p><strong><a href="coyote.htm">NBCS</a></strong></p></td>
        <td height="30" align="center" valign="middle"><p><strong><a href="guana.htm">Guana</a></strong></p></td>
        <td height="30" align="center" valign="middle"><p><strong><a href="tca.htm">Contact us</a></strong></p></td>
        <td height="30" align="center" valign="middle"><p><strong><a href="index.htm">Home</a></strong></p></td>
      </tr>
    </table>
</div>
<div class="banner">Narragansett Bay Coyote Study</div>
<d/div>
      <div class="box739">
        <h3>What does NBCS Do?</h3>
        <p>Since 2004 The Narragansett Bay Coyote Study (NBCS) has been developing science-based coexistence and management strategies for our newest top predator. Coyotes, originally a prairie species, have successfully colonized all parts of the continental and nearshore us in the past 100 years. They reached the islands of Narragansett Bay in the mid-1990s. Since then coyotes have become increasingly abundant and problematic in some island communities.</p>
        <p>In our history of cohabitation with coyotes people consistently tried to eliminate them by hunting, trapping, and poisoning. Lethal removal worked for individual problem animals but did not work as a population control strategy. Why? Coyotes have intrinsic physiological and behavioral abilities to control their own numbers. If coyotes are removed they increase reproduction and numbers rapidly rebound. The critical population regulation trigger is competition for food. As long as coyotes are well fed (with few coyotes competing for food) their populations will grow. </p>
        <p>It is also known that opposite effect occurs if coyotes if coyotes are stressed by competition for food. If there are too many coyotes competing for the food available coyotes will drop the the level sustainable by those resources.</p>
        <p>Understanding this relationship, NBCS scientists decided to study the resource use of coyotes on two islands in Narragansett Bay, Rhode Island. We used GPS tracking collars to find out where the coyotes were spending thier time. We theorized that if we could identify important coyote food resources - and control them - the coyotes would bring their own numbers down. NBCS calls this "passive coyote management."</p>
        <p> Since 2005 when we trapped and collared our first island coyotes we have continually found that the most important food resources to our study are provided by people. That means they are within our control That means we can control coyotes. If we remove anthropogenic resources (human subsidies) coyote numbers will drop to the level sustainable by natural resources. When coyotes are sustained only by natural prey (mice, woodchucks, rabbits, geese, and deer) coyotes numbers will be lower and they will provide helpful pest control services. </p>
        <p>Based our scientific data NBCS generated a set of <a href="coyotes/Best Management Practices for Coexistence with Coyotes - Nov 8 2010.pdf" target="_new">Best Management Practices for Coexistence with Coyotes</a>- basically a toolbox for safe, sustainable, community coyote management. We are working with the towns in our study area to adopt the CBMPs and be the first community in the nation to successfully and sustainably manage coyotes. We also believe other cities and towns might be able to use our results as a template if they are experiencing coyote problems. We have only just begun to implement the CBMPs on our islands. We hope in the near future to have all our towns implementing the CBMPs - only then will we see the full impacts they make on coyote numbers and behavioral problems. You can follow our progress on this website.</p>
      </div>
      <div class="footer">
        <table width="100%" border="0" cellspacing="5">
          <tr>
            <td>Return to top</td>
            <td><a href="mailto:[email protected]">[email protected]</a></td>
          </tr>
        </table>
      </div>
    </div>
</div>
<p> </p>
</div>iv class="faqs">
    <h2>FAQs</h2>
    <ul>
      <li>How do coyotes control their own population numbers?</li>
      <li>bla bla bla</li>
    </ul>
</div>
<div class="content">
    <div class="clearbox">
      <div class="col1">
        <h3>Middletown Adopts the CBMPs and passes a No-Feeding Ordinance!</h3>
      </div>
      <div class="col2">
        <h3>Pilot, Java, and the Valley Pack</h3>
      <
And here are the styles:
.container {
          height: 1500px;
          width: 975px;
          border: 8px solid #660000;
          float: left;
.header {
          float: left;
          height: 170px;
          width: 975px;
          background-color: #033000;
.menu {
          background-color: #FFC;
          float: left;
          height: 30px;
          width: 975px;
          font-family: Verdana, Geneva, sans-serif;
          font-size: 9px;
          color: #660000;
          font-weight: bold;
          margin-bottom: 5px;
.table {
          font-family: Verdana, Geneva, sans-serif;
          font-size: 8px;
          font-weight: bold;
.banner {
          float: left;
          height: 100px;
          width: 739px;
          font-family: Verdana, Geneva, sans-serif;
          font-size: 37px;
          font-weight: bold;
          color: rgba(0,51,0,1);
          background-color: rgba(255,255,204,.7);
          text-align: center;
          line-height: 75px;
          border-radius: 5px;
          padding: 5px;
          margin: 5px;
.clearbox {
          float: left;
          height: auto;
          width: 760px;
.box739 {
          width: 739px;
          float: left;
          height: auto;
          background-color: rgba(255,255,204,.7);
          font-size: 12px;
          color: rgba(0,51,0,1);
          border-radius: 5px;
          padding: 5px;
          margin: 5px;
.faqs {
          float: right;
          height: 620px;
          width: 205px;
          font-family: Verdana, Geneva, sans-serif;
          font-size: 12px;
          font-style: normal;
          line-height: normal;
          overflow: scroll;
          background-color: rgba(255,255,204,.7);
          margin: 5px;
          border-radius: 5px;
          font-weight: bold;
          color: rgba(0,51,0,1);
          text-align: center;
.col1 {
          float: left;
          height: 500px;
          width: 359px;
          background-color: rgba(255,255,204,.7);
          font-size: 12px;
          border-radius: 5px;
          color: rgba(0,51,0,1);
          margin: 5px;
          padding: 5px;
.col2 {
          float: left;
          height: 500px;
          width: 359px;
          background-color: rgba(255,255,204,.7);
          font-size: 12px;
          border-radius: 5px 5px 5px 5px;
          color: rgba(0,0,0,1);
          padding: 5px;
          margin: 5px;
.footer {
          position:relative;
          clear: both;
          background-color: rgba(255,255,204,1);
          font-size: 12px;
          color: rgba(0,51,0,1);

Helo thanks for responding . I think it uploads... It says it does as an assocaiated file when I put to the website. But that sounds like it is the issue. Those format commands seem to be the one it is ignoring. I am not familiar with html but I see that the href command is what identifies the path to the file I call TCAStyles. I notice that dw puts all my files in a local public file and the structure is different - with no public file - at the site.
I am not sure what the 2 dots in the href command mean - there is not a full path. Is this command valid? I will try to look into the directory structure on local and remote site and will check for files.

When using Live View, site looks great, browser testing goes crazy

I am creating a new website (and I am really unexperienced with Dreamwaver CS5). But when I check my site using "Live View" everything looks great, the way it is supposed to. Then when I go to test it in my browswer (Primary browser is Chrome) it goes crazy: I at first noticed that I had saved one copy as an .asp but then resaved it to .xhtml I did delete the first line of code already that the .asp file created as it kept giving me an error on line 1.
Then I tried to do a spry drop-down menu bar, which I have deleted since I thought I was doing something wrong with that and I should just stick to what I half-way know.
If I were to preview the template page it gives me this error:
This page contains the following errors:
error on line 150 at column 76: error parsing attribute name
Below is a rendering of the page up to the first error.
Here is line 150:
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
If I were to test the index.xhtml page in the browser, it ignores most images (all but one), and the first nav-bar (an editable region) appears to the left instead of under the header. The layout is totally ignored and everything is on the left-hand side of the screen instead of in a two column layout.
I am not testing this on a server just off of my computer.
I am assuming that the error has something to do with the .asp file I first did and when I resaved it, since I don't know what I would be looking for, is still in there screwing it up.
Here is the code from the template page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Midwest Window Brokers | Page</title>



<style type="text/css">

</style>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
</head>
<body onload="MM_preloadImages('/images/home2.jpg')">
<div class="container">
<div class="header"><a href="/index.xhtml"><img src="../images/heading.jpg" alt="Midwest Window Brokers, Windows, Siding, Roofing, 605-791-5352" name="Insert_logo" width="950" height="200" align="right" id="Insert_logo" style="background: #FFFFFF; display:block;" /></a>
    <div id="h-navbar1"><a href="/index.xhtml"><img src="/images/home.jpg" alt="home" width="159" height="51" id="Image1" onmouseover="MM_swapImage('Image1','','/images/home2.jpg',1)" onmouseout="MM_swapImgRestore()" /></a><a href="/windows.html"><img src="/images/services.jpg" width="151" height="51" alt="services" /></a><a href="/freebay.xhtml"><img src="/images/specials.jpg" width="153" height="51" alt="specials" /></a><a href="/gallery.html"><img src="/images/gallery.jpg" width="152" height="51" alt="gallery" /></a><a href="/roofing.xhtml"><img src="/images/order.jpg" width="152" height="51" alt="order" /></a><img src="/images/blank.jpg" width="75" height="51" /><img src="/images/facebook.jpg" width="38" height="51" alt="facebook" longdesc="http://facebook.com/midwestwindowbrokers" /><img src="/images/twitter.jpg" width="37" height="51" alt="twitter" longdesc="http://twitter.com/midwestwindow" /><img src="/images/google.jpg" width="42" height="51" alt="google+" longdesc="http://https://plus.google.com/u/0/b/108071947231835835141/108071947231835835141/posts" /></div>
</div>

<div id="h-navbar">
    <div id="h-navbar2">  Content for id "h-navbar2" Goes Here</div>
</div>

<div class="sidebar1">
    <ul class="nav">
    </ul>
    <p> <div id="wufoo-z7x3k1">
Fill out my <a href="http://midwestwindow.wufoo.com/forms/z7x3k1">online form</a>.
</div>
<script type="text/javascript">var z7x3k1;(function(d, t) {
var s = d.createElement(t), options = {
'userName':'midwestwindow',
'formHash':'z7x3k1',
'autoResize':true,
'height':'601',
'async':true,
'header':'show'};
s.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + 'wufoo.com/scripts/embed/form.js';
s.onload = s.onreadystatechange = function() {
var rs = this.readyState; if (rs) if (rs != 'complete') if (rs != 'loaded') return;
try { z7x3k1 = new WufooForm();z7x3k1.initialize(options);z7x3k1.display(); } catch (e) {}};
var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr);
})(document, 'script');</script></p>
    </div>

<div class="content">
    <h1>Instructions</h1>
    <p>Be aware that the CSS for these layouts is heavily commented. If you do most of your work in Design view, have a peek at the code to get tips on working with the CSS for the fixed layouts. You can remove these comments before you launch your site. To learn more about the techniques used in these CSS Layouts, read this article at Adobe's Developer Center - <a href="http://www.adobe.com/go/adc_css_layouts">http://www.adobe.com/go/adc_css_layouts</a>.</p>
    <h2>Clearing Method</h2>
    <p>Because all the columns are floated, this layout uses a clear:both declaration in the .footer rule. This clearing technique forces the .container to understand where the columns end in order to show any borders or background colors you place on the .container. If your design requires you to remove the .footer from the .container, you'll need to use a different clearing method. The most reliable will be to add a <br class="clearfloat" /> or <div class="clearfloat"></div> after your final floated column (but before the .container closes). This will have the same clearing effect.</p>
    <h3>Logo Replacement</h3>
    <p>An image placeholder was used in this layout in the .header where you'll likely want to place a logo. It is recommended that you remove the placeholder and replace it with your own linked logo. </p>
    <p><span style="font-size: 18px; color: #C00; font-weight: bold; font-style: italic;">Logo Replacement</span></p>
    <p> Be aware that if you use the Property inspector to navigate to your logo image using the SRC field (instead of removing and replacing the placeholder), you should remove the inline background and display properties. These inline styles are only used to make the logo placeholder show up in browsers for demonstration purposes. </p>
    <p>To remove the inline styles, make sure your CSS Styles panel is set to Current. Select the image, and in the Properties pane of the CSS Styles panel, right click and delete the display and background properties. (Of course, you can always go directly into the code and delete the inline styles from the image or placeholder there.)</p>
    <h4>Backgrounds</h4>
    <p>By nature, the background color on any div will only show for the length of the content. This means if you're using a background color or border to create the look of a side column, it won't extend all the way to the footer but will stop when the content ends. If the .content div will always contain more content, you can place a border on the .content div to divide it from the column.</p>
    
</div>

<div class="footer">
    <p class="footer"><strong>  <em>References Available!</em> We accept cash, check, Visa, Discover, MasterCard</strong></p>
      Copyright 2012 Midwest Window Brokers Inc. All Rights Reserved.
    </div>
</div>
</body>
</html>

I had saved one copy as an .asp but then resaved it to .xhtml
I'm assuming this is a static web site. Rename (F2) all your pages with .html or .htm extension.
.xhtml is not a valid extension.
Nancy O.

Help with Wordpress in Live View

I have recently started attempting to use Dreamweaver to customise Wordpress themes, following the guidance given in this article:
http://www.adobe.com/devnet/dreamweaver/articles/dw_wordpress_pt1.html
However, despite following the advice precisely, I've encountered a problem. When I add an image to the header (following the method described on page 3 of the article), it does not display in Live View, nor does it appear in my web browser. Instead, as you can see (circled in red) it simply displays the icon for a missing image. In my browser, the alternate text is shown instead. So, in short, the image is missing.
The open file is index.php, opened from the root (htdocs) as specified in the article. I note from the comments on page 3 of the article that several people have experienced the same thing. One user reports solving it by placing the image in the images folder in the root directory, instead of within the theme directory. However, this seems odd for two reasons - one, as I understand it, it's not how Wordpress themes generally work (though I can understand having another 'images' folder in the root for working purposes), and two there is no images folder in my root directory. So, I have a few questions - the general one of what's going on and how do I fix, plus the specific question of whether or not there should be an images folder in my root directory? If so, why isn't it there? Any help greatly appreciated.
Regards,
Matt

I'm sure it is a path issue - the code in the header file supplies a path of images/banner_logo.gif as you can see. This is obviously causing the problem in some way because the set-up with Dreamweaver demands I open the index.php file from the root, but my quandary is that the path as it stands is sort of 'correct' in terms of how Wordpress should usually work, is it not? I obviously don't want to be creating absolute links for the sake of Dreamweaver that create additional problems (or simple redundancy) when I upload the theme.
The image is where it should be, relative to header.php:
Here's the Live Code - will supply CSS if needed but not sure it's the issue:
<!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>
blog</title>
<link rel="Shortcut Icon" href="http://localhost/wp-content/themes/MyTheme/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="http://localhost/wp-content/themes/MyTheme/style.css" type="text/css" media="screen">
<link rel="pingback" href="http://localhost/xmlrpc.php">
<meta name="robots" content="noindex,nofollow">
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost/xmlrpc.php?rsd">
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost/wp-includes/wlwmanifest.xml">
<link rel="index" title="blog" href="http://localhost">
<meta name="generator" content="WordPress 3.2.1">
    <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>
</head><body>
<div class="bannerArea">
<div class="container">
    <div class="bannernav"><a href="#">Privacy Policy</a> • <a href="#">Contact Us</a> • <a href="#">Site Map</a></div>
    
    <img src="images/banner_logo.gif" width="223" height="51">
    
    <div style="clear:both;"></div>
</div>
</div>

<div class="topnavigationArea">
<div class="container">
    <div class="topnavigationgroup">
      navigation goes here
    </div>
    <div style="clear:both;"></div>
</div>
</div>

<div class="contentArea">
<div class="container">
    <div class="contentleft">
      
      
      <div class="box">
        <h2 class="posttitle"><a href="http://localhost/?p=1">
          Hello world!          </a></h2>
        <p class="metablock"><span class="meta">Posted on
          October 11, 2011          by
          <a href="http://localhost/?author=1" title="Posts by Matt Keefe" rel="author">Matt Keefe</a>          </span><span class="postcomments">
          <a href="http://localhost/?p=1#comments" title="Comment on Hello world!">1 Comment</a>          </span></p>
        <div class="entry">
          <p>Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!</p>
                  </div>
        
      </div>
      
      
            <p>
              </p>
    </div>
    
<div class="contentright">
    <div id="search">
    
    <form method="get" id="searchform" action="http://localhost/">
      <input type="text" value="Search our site..." name="s" id="searchbox" onfocus="if (this.value == 'Search our site...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search our site...';}" size="15">
      <input type="submit" value="search" id="searchbutton">
    </form>
    
</div>
<h2>About My Blog</h2>
<p>This is a sample region where you can tell your blog visitors a little about you.</p>
<h2>Archives</h2>
      <li><a href="http://localhost/?m=201110" title="October 2011">October 2011</a></li>
<h2>Categories</h2>
      <li class="cat-item cat-item-1"><a href="http://localhost/?cat=1" title="View all posts filed under Uncategorized">Uncategorized</a>
</li>
    <div class="clearer"></div>
</div>

    <div style="clear:both;"></div>
</div>
</div>

<div class="footerArea">
<div class="container">
<div class="copyright">
Copyright © 2010 <a href="http://localhost/">
blog </a> <a href="#">Terms of Use</a> | <a href="#">Privacy</a> | <a href="#">Contact</a></div></div></div>

</body></html>

Slideshow works great in "live view" but does not in "preview browser"

My slideshow looks just fine in "live view" but when I "preview in browser" it doesn't show up at all in Firefox and is a blue square with a question mark in Safari. This was created in Dreamweaver and the slideshow is "Advanced Random Images" from Dreamweaver Exchange.
It was working in the browsers, but I had to make some changes. I put the slideshow within the "content" to get it to be centered on the page.
The centering worked great, but now it's not showing up.
Here is that section of my code:
      
    </p>
    </div>
    
<div class="content">
<div id="slideShow" style="width: 600px; margin: 0 auto; padding-bottom: 15px;">
<script language="JavaScript">
// Advanced Random Images Start
// Copyright 2001-2006 All rights reserved, by Paul Davis - www.kaosweaver.com
var j,d="",l="",m="",p="",q="",z="",KW_ARI= new Array()
// KW_rs[5000]
KW_ARI[KW_ARI.length]='/Gallery_images/slideshow/auditorium.jpg';
KW_ARI[KW_ARI.length]='/Gallery_images/slideshow/boardrm.jpg';
KW_ARI[KW_ARI.length]='/Gallery_images/slideshow/classroom.jpg';
KW_ARI[KW_ARI.length]='/Gallery_images/slideshow/conference.jpg';
KW_ARI[KW_ARI.length]='/Gallery_images/slideshow/conference2.jpg';
KW_ARI[KW_ARI.length]='/Gallery_images/slideshow/courtrm.jpg';
j=parseInt(Math.random()*KW_ARI.length);
j=(isNaN(j))?0:j;
    document.write("<img name='randomSlideShow' src='"+KW_ARI[j]+"'>");
function rndSlideShow(t,l) { // Random Slideshow by Kaosweaver
x=document.randomSlideShow; j=l; while (l==j) {
    j=parseInt(Math.random()*KW_ARI.length); j=(isNaN(j))?0:j; }
x.src=KW_ARI[j]; setTimeout("rndSlideShow("+t+","+j+")",t);
rndSlideShow(5000,0)
// Advanced Random Images End
    </script>
        </div>

<script language="JavaScript">
      </script>
Any suggestions?
Thanks!

I haven't uploaded the page since I made the code changes, for fear that if
they won't "preview in browser", they won't work live...
Here's the link:   www.epaaudio.com

Div shifting down page in live view

I'm trying to create a website for a project I'm doing.I'm having a problem in live view where I the div with the id "imageholder" keeps shifting down the page. It looks fine in the editor but the browser and live view not so much. I want it to line up with the top div, not the bottom one.
Another problem I'm having is that I can't adjust the footers margin very well. it's not taking into account the div's directly above it. I've included a screenshot of the page as it hasn't been uploaded online yet. Thanks
Here is the code:
HTML:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Home</title>
<link href="CSS/Project.css" rel="stylesheet" type="text/css">
<style type="text/css">
body {
background-color: #E0EEEE;
</style>
</head>
<body>
<div id="container">
<header>
<h1 id="title">Limerick Running Club</h1>
<h2 class="subhead"><strong>L.R.C</strong></h2>
</header>
<br/>
<nav>
<nav id="nav_centre">
<ul>
<li><a href="#">Home</a></li>
<li></li>
<li><a href="#">History</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Results</a></li>
<li><a href="#">Useful Links</a></li>
<li><a href="#">Contact Us</a></li>
</ul><br/>
</nav>
</nav>
<section>
<h2 >History</h2>
<article></article>
<article class="mainpara">
<p>The limerick running club was founded in 2008. We are a community funded club with the sole aim of helping to make our community fitter and happier. Our main office is based in castletroy and you are welcome to drop in anytime and join up. </p>
<p>Since the LRC was founded we have had a number of members who have shared with us their feeling about joining the club. </p>
<p>You can read more about what their saying below</p>
</article>
<article id="testimonial"><h3>Member Testimonials</h3><h3 class="Name">John Byrne</h3>
<p>Since joining the LRC my health and fitness has improved greatly. I recommended the club to everyone.</p>
<h3 class="Name">Mary Smith</h3>
<p>I'm delighted I joined the LRC. I feel much fitter and healthier since joining and there is a great sense of community surrounding the club.</p>
<h3 class="Name">Tom Ryan</h3>
<p>Really enjoying my runs with the lRC. I'd recommend joining to anyone.</p>
</article>
</section>
<div id="imageholder"><img src="Images/edited.jpg" width="355" height="266" alt=""/></div>
<footer><span id="copyright">©2015 Limerick Running Club</span></footer>
</div>
</body>
</html>
CSS:
@charset "utf-8";
html{
background-color:#E0EEEE;
header{
width:100%;
nav {
width 100%;
height 55px;
#nav_centre {
text-align: center;
width: 1080px;
margin-right: auto;
margin-left: auto;
border-color: #4683ea;
border-style: solid;
border-radius: 12px;
padding-bottom: 15px;
padding-top: 0px;
font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
font-size: small;
background-color:#4683ea;
nav ul{
list-style:none;
nav a{
display:inline;
float:left;
text-decoration:none;
font-weight:bold;
padding-top: 5px;
padding-bottom:5px;
padding-right: 45px;
padding-left: 45px;
height: 20px;
color:#CCC;
header {
text-align: center;
#container {
width: 1080px;
margin-left: auto;
margin-right: auto;
footer {
margin-top: 600px;
text-align: center;
height: 50px;
clear: both;
padding-top: 25px;
#copyright{
color:#a6a6a6;
article {
margin-top: 20px;
width: 650px;
margin-left: 5px;
margin-right: 0px;
#imageholder {
width: 360px;
float: right;
clear: none;
margin-top: 20px;
margin-right: 5px;
padding-right: 5px;
.mainpara {
float: left;
border-color: #4683ea;
border-style: solid;
border-radius: 12px;
padding-left: 5px;
background-color: #F0F0F0;
font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
width: 600px;
section {
margin-top: 75px;
left: 5px;
h1{
color:#4683ea;
#title{
font-weight: bold;
font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
color:#FFA500;
.subhead{
font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
h2{
letter-spacing: 2px;
font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
#testimonial {
float: left;
border-color: #4683ea;
border-style: solid;
border-radius: 12px;
padding-left: 5px;
background-color: #F0F0F0;
font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
padding-right: 5px;
width: 600px;
clear: both;
.Name {
color:#FFA500;

Try this -
<article class="mainpara">
<div id="imageholder"><img src="Images/edited.jpg" width="355" height="266" alt=""/></div>
<p>The limerick running club was founded in 2008. We are a community funded club with the sole aim of helping to make our community fitter and happier. Our main office is based in castletroy and you are welcome to drop in anytime and join up. </p>
<p>Since the LRC was founded we have had a number of members who have shared with us their feeling about joining the club. </p>
<p>You can read more about what their saying below</p>
</article>
Move the imageholder div so that it is the first child of the "mainpara" article.
Also, you probably want "...what they're saying below" in that last paragraph above. Finally, why do you have a nested <nav> tag in your code?

Style changes show in Design mode but not in Live View or online.

I'm using CS5. I modified a style sheet and the changes showed up in Design mode just the way I wanted them. I switched to Live View and they did not show up. I put the new style sheet on the server and it the changes do not show up online. The basic change was to add a border around some text that serves as a link to another page in the site. The source code can be viewed here: The Akshaya Home | Akshaya USA. The relavent lines are 71 and 72 at the bottom of the banner div. The CSS code is:
.button_donate{
          font-family: Arial, Helvetica, sans-serif;
          font-size: 24px;
          padding: 0px 8px 0px 8px;
          border-top: 3px;
          border-top-style: solid;
          border-top: #1C778C;
          border-left: 3px;
          border-left-style: solid;
          border-left: #1C778C;
          border-bottom: 3px;
          border-bottom-style: solid;
          border-bottom: #0A2B33;
          border-right: 3px;
          border-right-style: solid;
          border-right: #0A2B33;
          position: absolute;
          right: 50px;
          top: 139px;
.button_volunteer{
          font-family: Arial, Helvetica, sans-serif;
          font-size: 24px;
          padding: 0px 8px 0px 8px;
          border-top: 3px;
          border-top-style: solid;
          border-top: #1C778C;
          border-left: 3px;
          border-left-style: solid;
          border-left: #1C778C;
          border-bottom: 3px;
          border-bottom-style: solid;
          border-bottom: #0A2B33;
          border-right: 3px;
          border-right-style: solid;
          border-right: #0A2B33;
          position: absolute;
          left: 40px;
          top: 140px;
Any help will be greatly appreciated.
Ed

Try this:
.button_donate {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    padding: 0px 8px 0px 8px;
    border: 3px outset #1C778C;
    position: absolute;
    right: 50px;
    top: 139px;
Repeat with .button_volunteer.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Page not displaying - cannot edit - ok in live view

I have jsut upgraded to Dreamweaver CS 5.5 - Windows 7 - My site used to work fine in Dreamweaver CS4 - I have a template with editable regions and lots of divs - wehn I ope the page in CS 5.5 - it shows the backgroudn [which repeats ] but none of the editable text
teh page can be found at www.fcrsafield.com/list.hmtl
The page displays correclty in live view - I've tried turning off"style renderign" and that allowed me to see my content and to edit it - but as soon as I saved teh file - it all disappears again - but it is there in live view .
Any help is apreciated as I have more than 100 pages built on this template.

I'm surprised the page shows up at all in any browsers. You've got some very whacky CSS rules. I cleaned up the obvious stuff and removed what didn't seem to belong.
@import url("../p7pm/p7pmh11.css");
body {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 16px;
text-align: left;
background: url(../images/patternDetailsMax401.jpg) fixed;
#pagecontainer {
width: 1000px;
margin:0 auto;
overflow:hidden; /**to contain floats**/
#top {
background-color: #cdc9a5;
border: thick outset #b1a999;
#middle {
background-color: #b1a999;
width: 1000px;
margin:0 auto;
#navbar {
text-align: center;
padding-top: 1%;
margin-top: 10px;
#content {
clear:both;
background-color: #FFFFFF;
margin:25px 0 0 0;
padding-right: 2%;
padding-left: 2%;
border: thick outset b1a999;
#footer {
background-color: #Cdc9a5;
margin-right: 4%;
margin-left: 4%;
border: thick outset #b1a999;
margin-bottom: 6%;
/**use meaningful names, no idea what this is for**/
.style16 {color: #FF0033}
.style17 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 4em;
font-weight: bold;
font-style: italic;
color: #000000;
text-align: center;
margin-bottom: 10px;
.style18 {font-size: 10px}
A must read:
How to Develop with CSS?
http://phrogz.net/css/HowToDevelopWithCSS.html
Finally, I highly recommend using one external CSS file in your Template.dwt. It's much easier to manage and creates less code on your HTML pages.
http://alt-web.com/DEMOS/DW-Link-Stylesheet.shtml
Good luck.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com/

Trouble viewing pages in live view and preview in browser

I am currently using Dreamweaver CS4 on windows XP. I was able to view all my pages in live view and I was able to preview them in Firefox and Internet Explorer. I changed a CSS setting on the page, and when I went to view it nothing showed up. I only got a white screen. I undid everything that I did, try to preview it again and it still wouldn't show up. I tried to preview other files, some show up other don't. I've tried to rename the file, put it in another folder, restarted Dreamweaver and restarted the computer. Nothing is working. Any help would be appreciated.

Sorry here is the code.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>NES Group-Bank and Credit Union Design, Project Management, Consulting</title>
<style type="text/css">

</style><head><TITLE>NES Group</TITLE>
<meta name="Keywords" CONTENT="NES Group, New England Security, bank products Massachusetts, Rhode Island, New Hampshire, Connecticut, Maine, Vermont, nesgroup, bank, credit union, drive up, drive-up, montegonet, bank equipment, bank design, tech centers, consulting, Space Programming, Cost Projections, Site Design, Planning, Project Management, Refurbished, New Construction, Construction Scheduling, Construction Documentation, Interior Design, Marketing, Merchandising, Supermarket Banking, Alternative Banking Facilities, Design Development, Market Studies, Project Coordination, Strategic Planning Site Selections, Negotiations, Permit Consulting, Demographic Analysis, ATM Security Surveys, ADA Handicap Compliance, Bank Applications, Feasibility Studies, Retail Site Locations">
<meta name="Description" CONTENT="NES Group is a leader in providing all aspects of bank design and project management for your new or existing facilities. The services we provide range from site acquisition, space planning, and construction through bank products and furnishings.
NES Group has been serving the financial industry, exclusively, offering its old-fashioned values of commitment and customer satisfaction for over thirty years. One Source... One Company... Working together for the future.">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script type="text/javascript">//<![CDATA[
var data,nhp,ntz,rf,sr,i,d=new Date(),pageName;
// The pageName variable can be customized if needed
pageName=location.pathname;
document.cookie='__support_check=1';nhp='http';
rf=document.referrer;sr=window.location.search;
if(top.window.location==document.referrer
|| (document.referrer == '' && top.window.location != ''))
{rf=top.document.referrer;sr=top.window.location.search}
ntz=new Date();if(location.href.substr(0,6).toLowerCase()=='https:')
nhp='https';data='&an='+escape(navigator.appName)+
'&sr='+escape(sr)+'&ck='+document.cookie.length+
'&rf='+escape(rf)+'&sl='+escape(navigator.systemLanguage)+
'&av='+escape(navigator.appVersion)+'&l='+escape(navigator.language)+
'&pf='+escape(navigator.platform)+'&pg='+escape(pageName);
if(navigator.appVersion.substring(0,1)>'3') {data=data+'&cd='+
screen.colorDepth+'&rs='+escape(screen.width+ ' x '+screen.height)+
'&tz='+ntz.getTimezoneOffset()+'&je='+ navigator.javaEnabled()};
i=new Image();i.src=nhp+'://counter.hitslink.com/statistics.asp'+
'?v=1&s=1&acct=ChrissyPDQ'+data+'&tks='+d.getTime(); //]]>
</script>

<script language="JavaScript">

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
//-->
function mmLoadMenus() {
if (window.mm_menu_0214163523_0) return;
window.mm_menu_0214163523_0 = new Menu("root",90,18,"Arial, Helvetica, sans-serif",10,"#ffffff","#000000","#990033","#cccccc","left","middle",3,0,1000,-5,7,true ,true,true,0,false,false);
mm_menu_0214163523_0.addMenuItem("Who We Are","window.open('http://www.nes-group.com/Whoweare.htm', '_self');");
mm_menu_0214163523_0.addMenuItem("Our Services","window.open('http://www.nes-group.com/Ourservices.htm', '_self');");
   mm_menu_0214163523_0.fontWeight="bold";
   mm_menu_0214163523_0.hideOnMouseOut=true;
   mm_menu_0214163523_0.menuBorder=0;
   mm_menu_0214163523_0.menuLiteBgColor='#ffffff';
   mm_menu_0214163523_0.menuBorderBgColor='#555555';
   mm_menu_0214163523_0.bgColor='#555555';
window.mm_menu_0214163523_1 = new Menu("root",151,18,"Arial, Helvetica, sans-serif",10,"#ffffff","#000000","#990033","#cccccc","left","middle",3,0,1000,-5,7,true ,true,true,0,false,false);
mm_menu_0214163523_1.addMenuItem("Project Approach","window.open('http://www.nes-group.com/projectapproach.htm', '_self');");
mm_menu_0214163523_1.addMenuItem("5 Steps to Success","window.open('http://www.nes-group.com/5steps.htm', '_self');");
mm_menu_0214163523_1.addMenuItem("Market Studies/Site Analysis","window.open('http://www.nes-group.com/marketstudies.htm', '_self');");
   mm_menu_0214163523_1.fontWeight="bold";
   mm_menu_0214163523_1.hideOnMouseOut=true;
   mm_menu_0214163523_1.menuBorder=0;
   mm_menu_0214163523_1.menuLiteBgColor='#ffffff';
   mm_menu_0214163523_1.menuBorderBgColor='#555555';
   mm_menu_0214163523_1.bgColor='#555555';
window.mm_menu_0214163523_2 = new Menu("root",179,18,"Arial, Helvetica, sans-serif",10,"#ffffff","#000000","#990033","#cccccc","left","middle",3,0,1000,-5,7,true ,true,true,0,false,false);
mm_menu_0214163523_2.addMenuItem("Main Offices & Operations Centers","window.open('http://www.nes-group.com/mainoffices.htm', '_self');");
mm_menu_0214163523_2.addMenuItem("Branch Offices","window.open('http://www.nes-group.com/branches.htm', '_self');");
mm_menu_0214163523_2.addMenuItem("Alternative Branches","window.open('http://www.nes-group.com/alternativebranches.htm', '_self');");
   mm_menu_0214163523_2.fontWeight="bold";
   mm_menu_0214163523_2.hideOnMouseOut=true;
   mm_menu_0214163523_2.menuBorder=0;
   mm_menu_0214163523_2.menuLiteBgColor='#ffffff';
   mm_menu_0214163523_2.menuBorderBgColor='#555555';
   mm_menu_0214163523_2.bgColor='#555555';
window.mm_menu_0214163523_3 = new Menu("root",130,18,"Arial, Helvetica, sans-serif",10,"#ffffff","#000000","#990033","#cccccc","left","middle",3,0,1000,-5,7,true ,true,true,0,false,false);
mm_menu_0214163523_3.addMenuItem("What Is a Brand?","window.open('http://www.nes-group.com/whatisabrand.htm', '_self');");
mm_menu_0214163523_3.addMenuItem("Merchandising Products","window.open('http://www.nes-group.com/merchandisingproducts.htm', '_self');");
   mm_menu_0214163523_3.fontWeight="bold";
   mm_menu_0214163523_3.hideOnMouseOut=true;
   mm_menu_0214163523_3.menuBorder=0;
   mm_menu_0214163523_3.menuLiteBgColor='#ffffff';
   mm_menu_0214163523_3.menuBorderBgColor='#555555';
   mm_menu_0214163523_3.bgColor='#555555';
window.mm_menu_0214163523_4 = new Menu("root",120,18,"Arial, Helvetica, sans-serif",10,"#ffffff","#000000","#990033","#cccccc","left","middle",3,0,1000,-5,7,true ,true,true,0,false,false);
mm_menu_0214163523_4.addMenuItem("Satisfied Customers","window.open('http://www.nes-group.com/customerssay.htm', '_self');");
mm_menu_0214163523_4.addMenuItem("Awards","window.open('http://www.nes-group.com/awards.htm', '_self');");
   mm_menu_0214163523_4.fontWeight="bold";
   mm_menu_0214163523_4.hideOnMouseOut=true;
   mm_menu_0214163523_4.menuBorder=0;
   mm_menu_0214163523_4.menuLiteBgColor='#ffffff';
   mm_menu_0214163523_4.menuBorderBgColor='#555555';
   mm_menu_0214163523_4.bgColor='#555555';
window.mm_menu_0214163523_5 = new Menu("root",151,18,"Arial, Helvetica, sans-serif",10,"#ffffff","#000000","#990033","#cccccc","left","middle",3,0,1000,-5,7,true ,true,true,0,false,false);
mm_menu_0214163523_5.addMenuItem("Projects In Progress","window.open('http://www.nes-group.com/projectsinprogress.htm', '_self');");
mm_menu_0214163523_5.addMenuItem("Recently Completed Projects","window.open('http://www.nes-group.com/recentlycompleted.htm', '_self');");
mm_menu_0214163523_5.addMenuItem("News & Events","window.open('http://www.nes-group.com/news.htm', '_self');");
   mm_menu_0214163523_5.fontWeight="bold";
   mm_menu_0214163523_5.hideOnMouseOut=true;
   mm_menu_0214163523_5.menuBorder=0;
   mm_menu_0214163523_5.menuLiteBgColor='#ffffff';
   mm_menu_0214163523_5.menuBorderBgColor='#555555';
   mm_menu_0214163523_5.bgColor='#555555';
window.mm_menu_0214163523_6 = new Menu("root",151,18,"Arial, Helvetica, sans-serif",10,"#ffffff","#000000","#990033","#cccccc","left","middle",3,0,1000,-5,7,true ,true,true,0,false,false);
mm_menu_0214163523_6.addMenuItem("E-Mail Us","window.open('http://www.nes-group.com/emailus.htm', '_self');");
mm_menu_0214163523_6.addMenuItem("Employment Opportunities","window.open('http://www.nes-group.com/employment.htm', '_self');");
mm_menu_0214163523_6.addMenuItem("Directions","window.open('http://www.nes-group.com/directions.htm', '_self');");
   mm_menu_0214163523_6.fontWeight="bold";
   mm_menu_0214163523_6.hideOnMouseOut=true;
   mm_menu_0214163523_6.menuBorder=0;
   mm_menu_0214163523_6.menuLiteBgColor='#ffffff';
   mm_menu_0214163523_6.menuBorderBgColor='#555555';
   mm_menu_0214163523_6.bgColor='#555555';
mm_menu_0214163523_6.writeMenus();
} // mmLoadMenus()
//-->
</script>
<script language="JavaScript1.2" src="mm_menu.js"></script>
<link href="Images/homepagetext.css" rel="stylesheet" type="text/css">
</head>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-9171796-1");
pageTracker._trackPageview();
} catch(err) {}</script>
<body topmargin="0" onLoad="MM_preloadImages('MenuImages/BankNewportmenu_r2_c2_f2.jpg','MenuImages/BankNewpor tmenu_r2_c4_f2.jpg','MenuImages/BankNewportmenu_r2_c6_f2.jpg','MenuImages/BankNewportmenu_ r2_c8_f2.jpg','MenuImages/BankNewportmenu_r2_c10_f2.jpg','MenuImages/BankNewportmenu_r2_c1 2_f2.jpg','MenuImages/BankNewportmenu_r2_c14_f2.jpg');">
<table width="766" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
    <td width="766">      <table border="0" cellpadding="0" cellspacing="0" width="766">

<tr>
   <td width="19"><img src="MenuImages/spacer.gif" width="19" height="1" border="0" alt=""></td>
   <td width="44"><img src="MenuImages/spacer.gif" width="44" height="1" border="0" alt=""></td>
   <td width="35"><img src="MenuImages/spacer.gif" width="35" height="1" border="0" alt=""></td>
   <td width="52"><img src="MenuImages/spacer.gif" width="52" height="1" border="0" alt=""></td>
   <td width="36"><img src="MenuImages/spacer.gif" width="36" height="1" border="0" alt=""></td>
   <td width="65"><img src="MenuImages/spacer.gif" width="65" height="1" border="0" alt=""></td>
   <td width="32"><img src="MenuImages/spacer.gif" width="32" height="1" border="0" alt=""></td>
   <td width="110"><img src="MenuImages/spacer.gif" width="110" height="1" border="0" alt=""></td>
   <td width="34"><img src="MenuImages/spacer.gif" width="34" height="1" border="0" alt=""></td>
   <td width="80"><img src="MenuImages/spacer.gif" width="80" height="1" border="0" alt=""></td>
   <td width="31"><img src="MenuImages/spacer.gif" width="31" height="1" border="0" alt=""></td>
   <td width="98"><img src="MenuImages/spacer.gif" width="98" height="1" border="0" alt=""></td>
   <td width="29"><img src="MenuImages/spacer.gif" width="29" height="1" border="0" alt=""></td>
   <td width="86"><img src="MenuImages/spacer.gif" width="86" height="1" border="0" alt=""></td>
   <td width="14"><img src="MenuImages/spacer.gif" width="14" height="1" border="0" alt=""></td>
   <td width="10"><img src="MenuImages/spacer.gif" width="1" height="1" border="0" alt=""></td>
</tr>
<tr>
   <td colspan="15" rowspan="5">
     <script language="JavaScript1.2">mmLoadMenus();</script>
<table border="0" cellpadding="0" cellspacing="0" width="766">

<tr>
   <td width="12"><img src="MenuImages/spacer.gif" width="12" height="1" border="0" alt=""></td>
   <td width="44"><img src="MenuImages/spacer.gif" width="44" height="1" border="0" alt=""></td>
   <td width="25"><img src="MenuImages/spacer.gif" width="25" height="1" border="0" alt=""></td>
   <td width="52"><img src="MenuImages/spacer.gif" width="52" height="1" border="0" alt=""></td>
   <td width="28"><img src="MenuImages/spacer.gif" width="28" height="1" border="0" alt=""></td>
   <td width="65"><img src="MenuImages/spacer.gif" width="65" height="1" border="0" alt=""></td>
   <td width="29"><img src="MenuImages/spacer.gif" width="29" height="1" border="0" alt=""></td>
   <td width="110"><img src="MenuImages/spacer.gif" width="110" height="1" border="0" alt=""></td>
   <td width="30"><img src="MenuImages/spacer.gif" width="30" height="1" border="0" alt=""></td>
   <td width="115"><img src="MenuImages/spacer.gif" width="115" height="1" border="0" alt=""></td>
   <td width="29"><img src="MenuImages/spacer.gif" width="29" height="1" border="0" alt=""></td>
   <td width="98"><img src="MenuImages/spacer.gif" width="98" height="1" border="0" alt=""></td>
   <td width="29"><img src="MenuImages/spacer.gif" width="29" height="1" border="0" alt=""></td>
   <td width="86"><img src="MenuImages/spacer.gif" width="86" height="1" border="0" alt=""></td>
   <td width="13"><img src="MenuImages/spacer.gif" width="13" height="1" border="0" alt=""></td>
   <td width="10"><img src="MenuImages/spacer.gif" width="1" height="1" border="0" alt=""></td>
</tr>
<tr>
   <td colspan="15"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="765" height="168">
     <param name="movie" value="FlashOnMenu/Flash2009/BankNewport2Flash2009.swf">
     <param name="quality" value="high">
     <embed src="FlashOnMenu/Flash2009/BankNewport2Flash2009.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="765" height="168"></embed>
   </object></td>
   <td><img src="MenuImages/spacer.gif" width="1" height="112" border="0" alt=""></td>
</tr>
<tr>
   <td rowspan="4"><img name="BankNewportmenu_r2_c1" src="MenuImages/BankNewportmenu_r2_c1.jpg" width="12" height="78" border="0" alt=""></td>
   <td><a href="#" target="_self" onMouseOut="MM_swapImgRestore();MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0214163523_0,0,22,null,'BankNewportmenu_r2_c2');M M_swapImage('BankNewportmenu_r2_c2','','MenuImages/BankNewportmenu_r2_c2_f2.jpg',1);"><img name="BankNewportmenu_r2_c2" src="MenuImages/BankNewportmenu_r2_c2.jpg" width="44" height="14" border="0" alt=""></a></td>
   <td rowspan="4"><img name="BankNewportmenu_r2_c3" src="MenuImages/BankNewportmenu_r2_c3.jpg" width="25" height="78" border="0" alt=""></td>
   <td rowspan="3"><a href="#" onMouseOut="MM_swapImgRestore();MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0214163523_1,0,22,null,'BankNewportmenu_r2_c4');M M_swapImage('BankNewportmenu_r2_c4','','MenuImages/BankNewportmenu_r2_c4_f2.jpg',1);"><img name="BankNewportmenu_r2_c4" src="MenuImages/BankNewportmenu_r2_c4.jpg" width="52" height="17" border="0" alt=""></a></td>
   <td rowspan="4"><img name="BankNewportmenu_r2_c5" src="MenuImages/BankNewportmenu_r2_c5.jpg" width="28" height="78" border="0" alt=""></td>
   <td><a href="#" onMouseOut="MM_swapImgRestore();MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0214163523_2,0,22,null,'BankNewportmenu_r2_c6');M M_swapImage('BankNewportmenu_r2_c6','','MenuImages/BankNewportmenu_r2_c6_f2.jpg',1);"><img name="BankNewportmenu_r2_c6" src="MenuImages/BankNewportmenu_r2_c6.jpg" width="65" height="14" border="0" alt=""></a></td>
   <td rowspan="4"><img name="BankNewportmenu_r2_c7" src="MenuImages/BankNewportmenu_r2_c7.jpg" width="29" height="78" border="0" alt=""></td>
   <td rowspan="3"><a href="#" onMouseOut="MM_swapImgRestore();MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0214163523_3,0,22,null,'BankNewportmenu_r2_c8');M M_swapImage('BankNewportmenu_r2_c8','','MenuImages/BankNewportmenu_r2_c8_f2.jpg',1);"><img name="BankNewportmenu_r2_c8" src="MenuImages/BankNewportmenu_r2_c8.jpg" width="110" height="17" border="0" alt=""></a></td>
   <td rowspan="4"><img name="BankNewportmenu_r2_c9" src="MenuImages/BankNewportmenu_r2_c9.jpg" width="30" height="78" border="0" alt=""></td>
   <td rowspan="2"><a href="#" onMouseOut="MM_swapImgRestore();MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0214163523_4,0,22,null,'BankNewportmenu_r2_c10'); MM_swapImage('BankNewportmenu_r2_c10','','MenuImages/BankNewportmenu_r2_c10_f2.jpg',1);">< img name="BankNewportmenu_r2_c10" src="MenuImages/BankNewportmenu_r2_c10.jpg" width="115" height="15" border="0" alt=""></a></td>
   <td rowspan="4"><img name="BankNewportmenu_r2_c11" src="MenuImages/BankNewportmenu_r2_c11.jpg" width="29" height="78" border="0" alt=""></td>
   <td rowspan="2"><a href="#" onMouseOut="MM_swapImgRestore();MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0214163523_5,0,22,null,'BankNewportmenu_r2_c12'); MM_swapImage('BankNewportmenu_r2_c12','','MenuImages/BankNewportmenu_r2_c12_f2.jpg',1);">< img name="BankNewportmenu_r2_c12" src="MenuImages/BankNewportmenu_r2_c12.jpg" width="98" height="15" border="0" alt=""></a></td>
   <td rowspan="4"><img name="BankNewportmenu_r2_c13" src="MenuImages/BankNewportmenu_r2_c13.jpg" width="29" height="78" border="0" alt=""></td>
   <td rowspan="2"><a href="#" onMouseOut="MM_swapImgRestore();MM_startTimeout();" onMouseOver="MM_showMenu(window.mm_menu_0214163523_6,0,22,null,'BankNewportmenu_r2_c14'); MM_swapImage('BankNewportmenu_r2_c14','','MenuImages/BankNewportmenu_r2_c14_f2.jpg',1);">< img name="BankNewportmenu_r2_c14" src="MenuImages/BankNewportmenu_r2_c14.jpg" width="86" height="15" border="0" alt=""></a></td>
   <td rowspan="4"><img name="BankNewportmenu_r2_c15" src="MenuImages/BankNewportmenu_r2_c15.jpg" width="13" height="78" border="0" alt=""></td>
   <td><img src="MenuImages/spacer.gif" width="1" height="14" border="0" alt=""></td>
</tr>
<tr>
   <td rowspan="3"><img name="BankNewportmenu_r3_c2" src="MenuImages/BankNewportmenu_r3_c2.jpg" width="44" height="64" border="0" alt=""></td>
   <td rowspan="3"><img name="BankNewportmenu_r3_c6" src="MenuImages/BankNewportmenu_r3_c6.jpg" width="65" height="64" border="0" alt=""></td>
   <td><img src="MenuImages/spacer.gif" width="1" height="1" border="0" alt=""></td>
</tr>
<tr>
   <td rowspan="2"><img name="BankNewportmenu_r4_c10" src="MenuImages/BankNewportmenu_r4_c10.jpg" width="115" height="63" border="0" alt=""></td>
   <td rowspan="2"><img name="BankNewportmenu_r4_c12" src="MenuImages/BankNewportmenu_r4_c12.jpg" width="98" height="63" border="0" alt=""></td>
   <td rowspan="2"><img name="BankNewportmenu_r4_c14" src="MenuImages/BankNewportmenu_r4_c14.jpg" width="86" height="63" border="0" alt=""></td>
   <td><img src="MenuImages/spacer.gif" width="1" height="2" border="0" alt=""></td>
</tr>
<tr>
   <td><img name="BankNewportmenu_r5_c4" src="MenuImages/BankNewportmenu_r5_c4.jpg" width="52" height="61" border="0" alt=""></td>
   <td><img name="BankNewportmenu_r5_c8" src="MenuImages/BankNewportmenu_r5_c8.jpg" width="110" height="61" border="0" alt=""></td>
   <td><img src="MenuImages/spacer.gif" width="1" height="61" border="0" alt=""></td>
</tr>
</table></td>
   <td><img src="MenuImages/spacer.gif" width="1" height="112" border="0" alt=""></td>
</tr>
<tr>
   <td><img src="MenuImages/spacer.gif" width="1" height="14" border="0" alt=""></td>
</tr>
<tr>
   <td><img src="MenuImages/spacer.gif" width="1" height="1" border="0" alt=""></td>
</tr>
<tr>
   <td><img src="MenuImages/spacer.gif" width="1" height="2" border="0" alt=""></td>
</tr>
<tr>
   <td><img src="MenuImages/spacer.gif" width="1" height="61" border="0" alt=""></td>
</tr>
</table>
</td></tr>
<tr>
    <td><table border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="765" height="36" bgcolor="#FFFFFF"><img src="Images/line_whoweare_t.gif" width="765" height="36" align="texttop"></td>
        </tr>
      <tr>
        <td height="550"><div align="center">
          <table id="Table_01" width="765" height="572" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td height="47"><img src="MenuImages/whoweare/images/images/images/wwr1110_01_01.jpg" width="24" height="47"></td>
            <td><img src="MenuImages/whoweare/images/images/images/wwr1110_01_02.jpg" width="160" height="47"></td>
            <td><img src="MenuImages/whoweare/images/images/images/wwr1110_01_03.jpg" width="167" height="47"></td>
            <td><img src="MenuImages/whoweare/images/images/images/wwr1110_01_04.jpg" width="151" height="47"></td>
            <td><img src="MenuImages/whoweare/images/images/images/wwr1110_01_05.jpg" width="259" height="47"></td>
            <td><img src="MenuImages/whoweare/images/images/images/wwr1110_01_06.jpg" width="6" height="47"></td>
          </tr>
          <tr>
            <td height="145"><img src="MenuImages/whoweare/images/images/images/wwr1110_01_07.jpg" width="24" height="145"></td>
            <td><img src="MenuImages/whoweare/images/images/images/wwr1110_01_08.jpg" width="160" height="145"></td>
            <td><img src="MenuImages/whoweare/images/images/images/wwr1110_01_09.jpg" width="167" height="145"></td>
            <td><img src="MenuImages/whoweare/images/images/images/wwr1110_01_10.jpg" width="151" height="145"></td>
            <td background="MenuImages/whoweare/images/images/images/wwr1110_01_11.jpg"><font color="#660000" size="3" face="Verdana, Arial, Helvetica, sans-serif"><strong>NES
                      Group</strong></font><strong><font size="1" face="Verdana, Arial, Helvetica, sans-serif"> is a leader in providing all aspects <br>
                      of bank design and
                      project management for your new or existing facilities. <br>
                      <br>
The services we provide range from site <br>
acquisition, space planning,
                  and construction through bank products and furnishings<br>
                  <br>
</font><font size="1">One Source... One Company... Working together
                      <br>
                      for the future.</font><font size="1" face="Verdana, Arial, Helvetica, sans-serif">                      </font></strong></td>
            <td><img src="MenuImages/whoweare/images/images/images/wwr1110_01_12.jpg" width="6" height="145"></td>
          </tr>
          <tr>
            <td><img src="MenuImages/whoweare/images/images/images/wwr1110_01_13.jpg" width="24" height="119"></td>
            <td><img src="MenuImages/whoweare/images/images/images/wwr1110_01_14.jpg" width="160" height="119"></td>
            <td><img src="MenuImages/whoweare/images/images/images/wwr1110_01_15.jpg" width="167" height="119"></td>
            <td><img src="MenuImages/whoweare/images/images/images/wwr1110_01_16.jpg" width="151" height="119"></td>
            <td><img src="MenuImages/whoweare/images/images/images/wwr1110_01_17.jpg" width="259" height="119"></td>
            <td><img src="MenuImages/whoweare/images/images/images/wwr1110_01_18.jpg" width="6" height="119"></td>
          </tr>
          <tr>
            <td><img src="MenuImages/whoweare/images/images/images/wwr1110_01_19.jpg" width="24" height="149"></td>
            <td><img src="MenuImages/whoweare/images/images/images/wwr1110_01_20.jpg" width="160" height="149"></td>
            <td><img src="MenuImages/whoweare/images/images/images/wwr1110_01_21.jpg" width="167" height="149"></td>
            <td><img src="MenuImages/whoweare/images/images/images/wwr1110_01_22.jpg" width="151" height="149"></td>
            <td><img src="MenuImages/whoweare/images/images/images/wwr1110_01_23.jpg" width="259" height="149"></td>
            <td><img src="MenuImages/whoweare/images/images/images/wwr1110_01_24.jpg" width="6" height="149"></td>
          </tr>
          <tr>
            <td><img src="MenuImages/whoweare/images/images/images/wwr1110_01_25.jpg" width="24" height="112"></td>
            <td><img src="MenuImages/whoweare/images/images/images/wwr1110_01_26.jpg" width="160" height="112"></td>
            <td><img src="MenuImages/whoweare/images/images/images/wwr1110_01_27.jpg" width="167" height="112"></td>
            <td><img src="MenuImages/whoweare/images/images/images/wwr1110_01_28.jpg" width="151" height="112"></td>
            <td><img src="MenuImages/whoweare/images/images/images/wwr1110_01_29.jpg" width="259" height="112"></td>
            <td><img src="MenuImages/whoweare/images/images/images/wwr1110_01_30.jpg" width="6" height="112"></td>
          </tr>
          </table>
        </div>
        </td>
        </tr>
    </table></td>
</tr>
<tr>
    <td><div align="center"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"> </font> <font color="#000000" size="1" face="Verdana, Arial, Helvetica, sans-serif"><em>Copyright © 2010
    NES Group, Inc. All rights reserved.</em></font></div></td>
</tr>
</table>
</body>

Why blank browser or Live View?

I am creating a home page with an interactive object using JQuery and Dreamweaver. I am following a tutorial and I know that the html code is correct. The problem comes when I add a CSS rule. When I add that rule, I cannot see the page displayed in Live View or my FireFox browser. I don't know how to troubleshoot that so I can determin why the browser is blank.
What do I need to do or what do I need to search to find the answer? Based on the steps in the tutorial, I have done everything. What could be missing from the tutorial?
Thanks.

This is the CSS code: I kept running into this issue after I added the .marquee_caption rule.
@charset "utf-8";
/* CSS Document */
.marquee_container {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 30px;
    margin-left: 0px;
    overflow: hidden;
    position: relative;
.marquee_photos {
    position: absolute;
    left: 0px;
    top: 0px;
.marquee_caption {
    color: #FFF;
    background-image: url(../images/template/marquee_caption-------.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin: 0px;
    width: 700px;
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    position: absolute;
    left: 0px;
    top: 340px;
.marquee_caption_content {
    width: 410px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 25px;
.marquee_caption h2 {
    font-size: 1.25em;
    font-weight: normal;
    text-transform: uppercase;
    color: #FFF;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 12px;
    margin-left: 0px;
.marquee_caption_content p {
    color: #FFF;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 12px;
    margin-left: 0px;
.marquee_caption_content a {
    color: #FC0;
.marquee_caption_content a:hover {
    color: #FFF;
.marquee_caption_content .marquee_flag {
    float: left;
    margin-right: 10px;
This is the code for the html file. Everything went well until I added the third css rule for photos shown above:
<!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>marquee</title>
<link href="includes/marquee.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <div class="marquee_container">
        <div class="marquee_photos">
            <img src="images/photos/london.jpg" class="marquee_panel_photo" alt="London" width="700" height="350" />
        </div>
        <div class="marquee_caption">
            <div class="marquee_caption_content">
                <img src="images/template/flag_england.jpg" class="marquee_flag" alt="English Flag" width="20" height="13" />
                <h2>London</h2>
                <p>This is a test caption<br/>This is a test caption!</p>
                <p><a href="#">Check it out!</a></p>
            </div>
        </div>
        <div class="marquee_nav">
            <a class="marquee_nav_item"></a>
            <a class="marquee_nav_item selected"></a>
            <a class="marquee_nav_item"></a>
        </div>
    </div>
    <div class="marquee_panels"></div>
</body>
</html>

Live View Window Reading Extra 20px

Okay, I figured out what the bug is after the 13.1 update. On all of my live views on all of my projects and on both of my machines (I'm running Windows 8, btw), Dreamweaver is miscalculating the window width (or displaying the wrong window width in the corner) by 20px. So, if I have a media query that says don't break until a min-width of 801px, when I pull my Live View window out, it doesn't break until 821px.
Where is this extra 20px coming from? It can't be in my stylesheets because this is happening in multiple projects on multiple devices.
Is anyone else having this problem? If so, please respond.
Anyone at Adobe listening to this?
Cheers,
Jonathan

Okay. There are no errors in the code. I'm designing for a phone, so the "Preview in Browser" tool is worthless for me. I mean, I get it, because you can squish the browser down and all of that. But if I wanted to design sites that way, I'd get Notepad ++ and save myself the agony of paying thousands of dollars for the Adobe software suite.
Now, I did uninstall DW 13.1, and reinstalled at 13.0 and the issue when away. I could actually use the Live View. Then, without thinking, I installed the update--and now the issue is back.
All of that being said. I'm adding a photo of what my screen looks like and then I'm going to post ALL of the css, so there aren't any questions about what's going on. I've already gleened
As I can see: horizontal scroll bar all the time. I've checked for every discrepency I can think of in my stylesheets: width: 100%, but margins: 0 5%; Padding blow out. All of it. I can't post the CSS here because it says I'd be violating the TOS.
So, I'll post it up here: http://www.stpaulmedia.com/sample-style.css
The Wordpress install I'm working on is locally hosted, so there's no point in trying to share that.

I pad 3 Live View Monitor?

Similar Messages

Maybe you are looking for