Live view in DW 5.5 - no images display

Any help on this?
My DW 5.5 fails to display images (graphics) in the Live View mode. They display properly in the Design mode and in a separate live browser session after I save the files.
I can't remember if I made any changes to the DW options but I don't think so.
This development is mainly just an inconvenience
Thanks in advance,
Tom

It happens on all pages of the site on which I was working (and recently created). The Live view on this site worked fine when I originally created it (using DW 5.5). I needed to make some modifications to the base layout so started a 'new site'. Live View on the new site worked for a while then failed to display graphics correctly.
I tried re-creating the site cache (as noted reply 1) without success.
I thought maybe there was an error in the code somewhere so I created a fully new site in a new directory (I have a test server on my home network where XAMPP is running). For this new site, I created 1 new html page, added one <Div> and inserted an image in the <Div>. When I click on Live View, the same thing happens. The Live View shows the image block but only displays a 'question mark' in the center. I would thus say it doesn't seem to be an error in the page code itself! Yes, the graphic files are present in the folder pointed to in the code (obvously, since they display in the 'design' view).
Since I still had the site created using David Power's tutorial (Check Magazine) that also had jpg and gif files displayed, I reloaded that old site. The 'Live View' worked perfectly.
The page and graphics display correctly and fully when using the preview/view in browser option of DW and when loaded into a browser outside DW so, as I said initially, this problem is mostly an inconvenience; but, I would like to get it corrected!
As a note, I have never attempted to open or otherwise address DW's basic files.
Thanks,
Tom

Similar Messages

Live view from java to flex - blinking image

i am trying to simulate a live view using a canon Camera.
I am interacting with the cam using the CanonSDK, i get an image every a short period in order to simulate a video frame by frame. This works fine, i am using java to do the backend and send the images trough BlazeDS to flex.
The problem is not getting the image, the problem is that when i load a new image using something like:
image.source=my_new_image;
the new image is loaded but it produces a short white blink and it ruins the video...So i would like to know if there is a way to use channels of streaming or some way to pass the set of images in live view to flex and show them in the interface of flex from java.
Thank you very much!
Agustina

I have this same problem in an SWF that I have an external image loading into. In another SWF, I don't have this problem. In one instance, the image is at the start of the movie clip and at the other it's on the last frame of the movie clip. My only suggestion would be to load as many of the images as you can off-screen and then put listeners on the images to know they are loaded before you show them. You can do that by:
this.addElement(image);
image.addEventListener(FlexEvent.UPDATE_COMPLETE, imageLoaded);
private function imageLoaded(event:Event):void{
//image is loaded...

Image Slider not appearing/visual in live view/Browser

I updated a link to my image browser and once I hit refresh, everything seemed fine. I checked my rework on live view, and the whole slider (including images and buttons) were no longer visual. (You could not see them.)
|

<div class="header">
      <div>
        <div class="nav">
            <nav>
                <ul class="menu">
                    <li class="current li-none"><a href="index.html">     Home     </a></li>
                    <li><a href="about.html">About</a></li>
                    <li><a href="portfolio.html">     Media      </a></li>
                    <li class="li-left li-none"><a href="products.html">     Products     </a></li>
                    <li><a href="news.html">News</a></li>
                    <li><a href="contacts.html">     Contact     </a></li>
                </ul>
            </nav>
      </div>
        <header>
            <h1><a href="index.html"><img src="images/logo234.png" alt=""></a></h1>
        </header>
        <div id="slide">
            <div class="slider">
                <ul class="items">
                    <li><img src="images/slide-1.jpg" alt="" /></li>
                    <li><img src="images/slide-2.jpg" alt="" /></li>
                    <li><img src="images/slide-3.jpg" alt="" /></li>
                </ul>
            </div>
            <ul class="pags">
                <li><a href="#"><strong></strong></a></li>                
|
I checked in browser and you could also not see them there, either. The ONLY thing I changed was the link to the image. Here is the code, please let me know if you can help out at all.
Joe

Jon,
I have not uploaded the page yet, because this issue came up and I did not want a non-functional part of the site available online yet. However, I have done the following:
-Checked the link and that it is correct with no typo's, etc.
-Checked the Javascript (there are no issues there, either.)
I am going to download the original page from the server and compare once again to see if there are differences.
I will post updates.

Certain images not appearing in Live View?

Hello,
I recently upgraded my Dreamweaver CS5 and have noticed that certain images are no longer appearing in Live View. When Live View is unclicked, both of the images appear in both Design View and Preview in Browser; however, when Live View is clicked, the question mark appears for new images that were not used in Dreamweaver previous to the update. Does anyone know a fix to this? I have already tried to uninstall/re-install the software. Thanks for your help.

What is the exact code path to images?
How big are your images (filesize)? Did you optimize them for the web in your graphics editor before inserting them into your web page? Are they saved as RGB and not CMYK?
Nancy O.

Why page looks fine in Design view but not live view?

I am new to DW. I created a page that looks fine in design view but now I cant get it to show up in live view or the browser preview. Can some one give me some areas to troubleshoot. Most of the code is from a previous page I created that still looks fine in every view. I am not sure what I could be doing different in setting up this site.

Thanks for taking the time to reply to question. Aftr taking a break. I came back realized I inserted the stylesheet before I changed site settings. I just needed to remove the forward slash from my stylesheet declaration. FYI for anyone else new to DW: if stuffs not showing in Live View and Browser Preview eg background images, Go to Manage Sites and check your site setting for Links relative to: You may have switched between document and site root. Thus breaking your links to images or in my case the entire style sheet.

Page looks fine in live view but not fine in safari

my index.html page looks okay in live view, but when i open it in safari some of my text is unformated. My CSS page is correct so the problem lies in my code. I have attached the html file, any help will be appreciated. Thank you!

Thanks for taking the time to reply to question. Aftr taking a break. I came back realized I inserted the stylesheet before I changed site settings. I just needed to remove the forward slash from my stylesheet declaration. FYI for anyone else new to DW: if stuffs not showing in Live View and Browser Preview eg background images, Go to Manage Sites and check your site setting for Links relative to: You may have switched between document and site root. Thus breaking your links to images or in my case the entire style sheet.

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;

When changing to Live View Images do not display...

Yesterday I was working on my website and it is still in the early stages so currently I have just a single image worked into my design. When I was changing between my code and the live view everything was displaying just fine. I saved my work yesterday and when I came back today I opened up the same file and found that everything appears fine in the code and the regular design view but as soon as I switch to the live view my images shows up as a tiny blue questionmark box. I have not changed any code from yesterday- the image appears to be linked to correctly because it displays without a problem in th design view. I am not sure what is going on- any help is appreciated!

this is my code:
<body>
<div id="wrapper">
    <div id="header"><div><img src="/images/topimage.jpg"></div></div>
<div id="ddtopmenubar" class="mattblackmenu" align="center">
    <ul>
    <li><a href="http://www.caliberequipment.com">Home</a></li>
    <li><a href="http://www.caliberequipment/machines.htm" rel="ddsubmenu1">Machines</a></li>
    <li><a href="http://www.caliberequipment.com/parts/" rel="ddsubmenu2">Parts</a></li>
    <li><a href="http://www.caliberequipment.com/forums/">Service</a></li>
    <li><a href="http://www.caliberequipment.com/" rel="ddsubmenu3">Technical Support</a></li>
    </ul>
    </div>
    <script type="text/javascript">
    ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar")
    </script>
    
    
    
    
    <ul id="ddsubmenu1" class="ddsubmenustyle">
    <li><a href="/scrubbers.html">Floor Scrubbers</a></li>
    <li><a href="/sweepers.html">Floor Sweepers</a></li>
    <li><a href="#">Item Folder 3a</a>
      <ul>
      <li><a href="#">Sub Item 3.1a</a></li>
      <li><a href="#">Sub Item 3.2a</a></li>
      <li><a href="#">Sub Item 3.3a</a></li>
      <li><a href="#">Sub Item 3.4a</a></li>
      </ul>
    </li>
    <li><a href="#">Item 4a</a></li>
    <li><a href="#">Item Folder 5a</a>
      <ul>
      <li><a href="#">Sub Item 5.1a</a></li>
      <li><a href="#">Item Folder 5.2a</a>
        <ul>
        <li><a href="#">Sub Item 5.2.1a</a></li>
        <li><a href="#">Sub Item 5.2.2a</a></li>
        <li><a href="#">Sub Item 5.2.3a</a></li>
        <li><a href="#">Sub Item 5.2.4a</a></li>
        </ul>
      </li>
        </ul>
    </li>
    <li><a href="#">Item 6a</a></li>
    </ul>
    
    <ul id="ddsubmenu2" class="ddsubmenustyle">
    <li><a href="#">Item 1b</a></li>
    <li><a href="#">Item 2b</a></li>
    <li><a href="#">Item Folder 3b</a>
      <ul>
      <li><a href="#">Sub Item 3.1b</a></li>
      <li><a href="#">Sub Item 3.2b</a></li>
      <li><a href="#">Sub Item 3.3b</a></li>
      <li><a href="#">Sub Item 3.4b</a></li>
      </ul>
    </li>
    <li><a href="#">Item 4b</a></li>
    <li><a href="#">Item Folder 5b</a>
      <ul>
      <li><a href="#">Sub Item 5.1b</a></li>
      <li><a href="#">Item Folder 5.2b</a>
        <ul>
        <li><a href="#">Sub Item 5.2.1b</a></li>
        <li><a href="#">Sub Item 5.2.2b</a></li>
        <li><a href="#">Sub Item 5.2.3b</a></li>
        </ul>
      </li>
        </ul>
    </li>
    <li><a href="#">Item 6b</a></li>
    </ul>
    
    <ul id="ddsubmenu3" class="ddsubmenustyle">
    <li><a href="http://tools.dynamicdrive.com/imageoptimizer/">Image Optimizer</a></li>
    <li><a href="http://tools.dynamicdrive.com/favicon/">FavIcon Generator</a></li>
    <li><a href="http://www.dynamicdrive.com/emailriddler/">Email Riddler</a></li>
    <li><a href="http://tools.dynamicdrive.com/password/">htaccess Password</a></li>
    <li><a href="http://tools.dynamicdrive.com/userban/">htaccess Banning</a></li>
    </ul>
<div id="content">
        <div id="content-left"></div>
        <div id="content-main"></div>
        <div id="content-right"></div>
    </div>
    <div id="footer"></div>
    <div id="bottom"></div>
</div>
</body>

Images broken in Design View, but work in Live View

Dear Adobe,
it appears that externally hosted images are not showing in the Design or Split screen view, but have no trouble showing in the Live view. I have had this error since fresh installing DW CC 2014 and had no issue with previous versions of DW. I have tried some of the options suggested around the web including reinstalling but the problem persists.
Please someone tell me there is a solution to this problem as I could never image that something so simple could take me to the edge of my nerves. I am experiencing a drop in productivity since I am constantly switching between views and it's making the whole DW experience a drag as well since there is a sluggish lag when switching views.
Sorry for the rant, hope you guys could help me out here
Mitts64

The display of externally hosted images has been problematic, and somewhat intermittent, in DW's Design View for a long time. A lot of us just work with local versions of the images (say for html emails) and switch out the local links out for absolute links to server hosted images as the last step using Find & Replace.
I have pretty much stopped using Design View all together though and do most of my coding manually while Live View is turned on, so I'm not sure if this was supposed to be fixed in DWCC 2014 or not.

Live View not showing css or images.

Hi
Heres the issue:
Images and css appear in Design View
Images and CSS appears in Browser when I click view in browser
Images and CSS dont appear in Live view (no css and question marks for images)
Any ideas?
I have previously built this into an android app that worked fine and have come back to DW after a few months of not using it just to make some small changes and this has spontaneously occured?! I havent changed any settings etc so not sure why its all of a sudden decided to do this!
Thanks

Above: Design View.
Below: Browser View:
And Now: Below is Live view:
Im using Adobe CS6 and the last time I used it I didnt have this problem. I worked on a project for a few months using Live View and Browser View with no problems at all. Revisiting after a few months and this has suddenly started!!!!
Thanks guys

Image in Live View

help please, when I add an image and then look at it in live view I just get a holder with a question mark, however if I up load the page the image is displayed properly, can anyone tell me what I am doing wrong please?

help please, when I add an image and then look at it in live view I just get a holder with a question mark, however if I up load the page the image is displayed properly, can anyone tell me what I am doing wrong please?
Start by reading this article:
http://blogs.adobe.com/dreamweaver/2008/12/live_view_and_siteroot_relativ.html
Is that the problem you're having?
HTH,
Randy

Dynamic images show in "Live View", however not in browser

I'm doing the CS5.5 Missing Manual Dynamic Website tutorial and have had no issues until I want to display an image for the online store. When I click on Live View, everything looks great. However when I want to preview in a browser, I only see the alt text with no image showing. What on earth could be going on? Any help would be greatly appreciated.
Here is the code (image code is in bold)
<?php require_once('Connections/dbCosmos.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")
if (PHP_VERSION < 6) {
    $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
$theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);
switch ($theType) {
    case "text":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "long":
    case "int":
      $theValue = ($theValue != "") ? intval($theValue) : "NULL";
      break;
    case "double":
      $theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
      break;
    case "date":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "defined":
      $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
      break;
return $theValue;
$varProduct_rsDetails = "1";
if (isset($_GET["productID"])) {
$varProduct_rsDetails = $_GET["productID"];
mysql_select_db($database_dbCosmos, $dbCosmos);
$query_rsDetails = sprintf("SELECT products.productID, products.productName, products.price, products.`description`, products.inventory, products.image, vendors.vendorName FROM products, vendors WHERE products.vendorID=vendors.vendorID AND products.productID=%s", GetSQLValueString($varProduct_rsDetails, "int"));
$rsDetails = mysql_query($query_rsDetails, $dbCosmos) or die(mysql_error());
$row_rsDetails = mysql_fetch_assoc($rsDetails);
$totalRows_rsDetails = mysql_num_rows($rsDetails);
?>
<!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>The CosmoFarmer Store</title>
<link href="styles/global.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="styles/twoColFixLtHdr.css" rel="stylesheet" type="text/css" />
</head>
<body class="twoColFixLtHdr">
<div id="mainContent">
<p><?php echo $row_rsDetails['productName']; ?></p>
<p>Price: <?php echo $row_rsDetails['price']; ?></p>
<p>Vendor: <?php echo $row_rsDetails['vendorName']; ?></p>
<p>Inventory: <?php echo $row_rsDetails['inventory']; ?></p>
<p><img src="images/large/<?php echo $row_rsDetails['image']; ?>" alt="<?php echo $row_rsDetails['productName']; ?>" class="productImage" /><?php echo $row_rsDetails['description']; ?></p>
</div>

Please read these -
http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_13129&sliceId=2
http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_15546&sliceId=2
so that you understand root relative and document relative
links.
Your root relative links will work if you enable Preview in
Browser > Use
temp files to preview, in your PREFERENCES.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Scylibs1" <[email protected]> wrote in
message
news:fltebc$r12$[email protected]..
> Hello. Can someone explain to me why this is an issue.
>
> When I add an image from Dreamweaver using the INSERT
> IMAGE method, it
> will
> add the path as follow :
>
> /myfolder/myimage.gif
>
> The problem I have is with the first " / ". In my
browser, that will not
> work.
> In other words, the correct path would be
>
> myfolder/myimage.gif
>
> but this path will not display in Dreamweaver... I am
using dreamweaver mx
> 2004 7.0.1
>
> I would like the image to be displayed in both my
browser and dreamweaver
> design mode.
>
> Thanks.
>

Dreamweaver CS4 Live View - background-image does not display

I'm teaching a basic Dreamweaver CS4 class, and one of my students happened upon a unique problem.
Although the students were not required to use LiveView for their assignment, the student noticed that when he clicked the LiveView button to look at his assignment, that the background-image property that he set on the #header DIV does not display.
I tried duplicating his problem by building a similar site to his, using the exact same Dreamweaver Starter Page he used, but I'm not able to reproduce it the problem. If I define a new site using the files the student sent me, the problem comes back.
I'm completely stumped. What could possibly be causing the background-image CSS property to stop rendering in Live View?
Thanks for any help at all!

Hi
Check your students css code for invalid or missing mark-up, or linking to the background image. Another possible problem, (occurs on some sites but not all) is to check if the url is enclosed in quotes as these are occasionally required but not always, also check for spaces in file names
e.g. - background-image: url(../images/yourimage.jpg); should work but occasional requires quotes as in - background-image: url("../images/yourimage.jpg");
PZ
www.pziecina.com

Flickering problem with live viewing with IMAQ Image Display

Hi everyone,
I am trying to write a program to do live imaging with Andor camera. I am using some examples from Andor. The images are acquired in sequence and send into IMAQ Image Display and also Intensity Graph. There is minimal flickering issue in the Intensity Graph but there is very bad flickering problem in IMAQ Image Display. Perhaps I misunderstand how to optimize the vision tools. Does anyone know how to overcome this issue? I have attached the code that I am testing. Thanks in advance.
Best regards,
Han Yen
Solved!
Go to Solution.
Attachments:
iXonRTA_live_0.0.1.vi ‏70 KB

You can use Vision Assistant to test our vision functions. Vision Assistant is really meant to prototype - it does not have all teh functionality of Vision Development Module and is not as flexible as we don't allow you access to all the settings for every function.
I recommend starting in Vision Assistant and then porting over to LabVIEW or C (whatever you are most comfortable with)...this is built-in functionality. There is nothing wrong with using Vision Assistant to do live imaging, just that you run into limitations and you will only be able to use this code on computers that have Vision Assistant.
Hope this helps.
--Michelle
Instrument Control R&D
National Instruments
Instrument Control
Machine Vision

For some reason CS5 cannot find localhost in live view.Image shown

I was trying to open my wordpress blog in live view when I now get an error "Dreamweaver could not find the server "localhost". But it appears correctly in the address window.
I can see the wordpress blog fine in "localhost/wordpress" using IE8. I am using wamp local server which is testing OK and working. I am on XP system.
Also I notice the file folder colors in the file folder are
local view are green
remote view yellow
testing server red
I have reinstalled the program but no change any suggestions where to look.
Thanks bob

Hi Mike,
I found some two mistakes that should solve your problems:
1. typo: use "raw_value" with underscore, then the "category" works.
2. The array support of the Generic Panel is limited to semicolon-separated term lists in a text field,
where each term represent an array item.
For example the "supplemental categories" property should look like:
<xmp_property
     name="SupplementalCategories" category="external"
     label="$$$/stewart/Class=Classification:" type="bag" element_type="text"
     xmp_path="SupplementalCategories" ui:multiLine="true" ui:mru="true" description="..."
/>
Hope this helps,
-- Stefan

Live view in DW 5.5 - no images display

Similar Messages

Maybe you are looking for