Images broken in DW CS4 LiveView & browser preview.

Hey everyone, need some major help here.
I'm very new to dreamweaver. I am experienced with graphics and art but anything related to code I epicly fail at... So talk with me like I'm three if possible.
I built my first site for my small sword making business recently, and managed to get it on the web:
http://maddwarfworkshop.com/
I'm happy with the site visually but I know there are some underlying hidden flaws. First being how it functions in DW itself.
I know plenty of people run into the issue of not being able to see their images while in design view, but mine is the exact opposite.
My images show up as a tiny blue question mark box in Live View... As well as when I preview it in a browser localy on my machine.
I think I know why it might be happening but dont know how to fix it...
When I insert an image DW codes it as such:
<img src="/images/madintro.jpg" width="470" height="267" />
The problem seems to lie in DW adding the "/" in front of "images"
when I manually go in and take out the "/" the image shows magically shows up as it should.
Why has dreamweaver suddenly defaulted to making bad code? what did I do to cause this issue? And obviously how can I change it back to work again and make the image show in my DW workspace?
I'm sure it lies in my crappy knowledge of understanding how to use templates.
Also..
If anyone could I would love a comrehensive critique of the site I built and how to clean it up, how to make the code right, and get things working as they should to propor standards.
Here is the code for the homepage:
<!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>Mad Dwarf Workshop - Hand Forged Swords & Fine Art</title>

<style type="text/css">

</style>
<link href="_css/Layout.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
<script type="text/javascript">

</script>

<script type="text/javascript">

</script>



</head>
<body text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" onload="MM_preloadImages('images/facebook1.jpg','images/youtube1.jpg','images/flickr1.jpg ','images/blogger1.jpg')">
<div id="shadow">
<div id="wrapper">
    <div id="top navi" style="background-color: #1A1311; padding: 7px; vertical-align: middle; text-align: left; border-left-color: #666; border-bottom-color: #666; border-right-color: #666; border-top-color: #666; border-left-style: none; border-bottom-style: solid; border-right-style: none; border-top-style: none; border-left-width: medium; border-bottom-width: medium; border-right-width: medium; border-top-width: medium; border-left: tempval; font-size: 12px; height: 15px;">- <a href="index.htm">Home</a> - <a href="/welcome.html">About Us</a> - <a href="mailto:[email protected]">Contact</a> -</div>
    <div id="top logo"><SCRIPT LANGUAGE="Javascript">
function banner() { } ; b = new banner() ; n = 0
b[n++]= "<A HREF='http://maddwarfworkshop.com/'><IMG name=randimg SRC='images/banners/madbanner1.jpg' border='0' ALT=''></A>"
b[n++]= "<A HREF='http://maddwarfworkshop.com/'><IMG name=randimg SRC='images/banners/madbanner2.jpg' border='0' ALT=''></A>"
b[n++]= "<A HREF='http://maddwarfworkshop.com/'><IMG name=randimg SRC='images/banners/madbanner3.jpg' border='0' ALT=''></A>"
b[n++]= "<A HREF='http://maddwarfworkshop.com/'><IMG name=randimg SRC='images/banners/madbanner4.jpg' border='0' ALT=''></A>"
b[n++]= "<A HREF='http://maddwarfworkshop.com/'><IMG name=randimg SRC='images/banners/madbanner5.jpg' border='0' ALT=''></A>"
b[n++]= "<A HREF='http://maddwarfworkshop.com/'><IMG name=randimg SRC='images/banners/madbanner6.jpg' border='0' ALT=''></A>"
b[n++]= "<A HREF='http://maddwarfworkshop.com/'><IMG name=randimg SRC='images/banners/madbanner7.jpg' border='0' ALT=''></A>"
b[n++]= "<A HREF='http://maddwarfworkshop.com/'><IMG name=randimg SRC='images/banners/madbanner8.jpg' border='0' ALT=''></A>"
b[n++]= "<A HREF='http://maddwarfworkshop.com/'><IMG name=randimg SRC='images/banners/madbanner9.jpg' border='0' ALT=''></A>"
b[n++]= "<A HREF='http://maddwarfworkshop.com/'><IMG name=randimg SRC='images/banners/madbanner10.jpg' border='0' ALT=''></A>"
b[n++]= "<A HREF='http://maddwarfworkshop.com/'><IMG name=randimg SRC='images/banners/madbanner11.jpg' border='0' ALT=''></A>"
b[n++]= "<A HREF='http://maddwarfworkshop.com/'><IMG name=randimg SRC='images/banners/madbanner12.jpg' border='0' ALT=''></A>"
b[n++]= "<A HREF='http://maddwarfworkshop.com/'><IMG name=randimg SRC='images/banners/madbanner13.jpg' border='0' ALT=''></A>"
b[n++]= "<A HREF='http://maddwarfworkshop.com/'><IMG name=randimg SRC='images/banners/madbanner14.jpg' border='0' ALT=''></A>"
b[n++]= "<A HREF='http://maddwarfworkshop.com/'><IMG name=randimg SRC='images/banners/madbanner15.jpg' border='0' ALT=''></A>"
b[n++]= "<A HREF='http://maddwarfworkshop.com/'><IMG name=randimg SRC='images/banners/madbanner18.jpg' border='0' ALT=''></A>"
i=Math.floor(Math.random() * n) ;
document.write( b[i] )
</SCRIPT>
      <div></div>
      <div></div>
    </div>
    <div style="background-color: #1C1311; font-size: 15px; border-left-color: #666; border-bottom-color: #666; border-right-color: #666; border-top-color: #666; border-top-style: solid; border-left-width: medium; border-bottom-width: medium; border-right-width: medium; border-top-width: medium; padding: 7px; height: 15px; text-align: center;"> <span><a href="instock.html">In Stock Items</a> | <a href="customswords.html">Custom Swords</a> | <a href="knives.html">Knives & Saxes</a> | <a href="fineart.html">Fine Art</a> | <a href="craftsmen.html">the Craftsmen</a> | <a href="process.html">the Process</a> | <a href="inspiration.html">the Inspiration</a> | <a href="articles.html">Articles</a> | <a href="faq.html">FAQ</a> | <a href="links.html">Links</a> | <a href="order.html">Order</a></span></div>
    <div id="content"><table width="875">
      <tr>
        <td width="183" height="583" align="center" valign="top">
          <div id="left"> <span class="boldtext">Welcome</span>
            <p><img src="images/Forge.jpg" width="170" height="152" border="2" /></p>
            <p>The Mad Dwarf Workshop is the swordsmithing work of Andy Davis and David DelaGardelle, but it is also an extended group of like minded individuals who have a love and passion for history, mythology, nature, ancient craftsmanship, and the good Lord Above. The Workshop was founded in November of 2004 in Newcastle Indiana by the two young craftsmen.</p>
            <p><img src="images/sign.jpg" width="170" height="147" border="2" /></p>
            <p>Together they began to chase their life long dream of learning how to forge swords like the ones read about in the epic sagas and mythologies they loved since childhood.</p>
            <p><a href="welcome.html">Read more...</a><br />
            </p>
            <p> </p>
            <p> </p>
            <p> </p>
            <p> </p>
            <p> </p>
            <p> </p>
            <p> </p>
            <p> </p>
            <p> </p>
          </div>
        </td>
        <td width="495" valign="top" bgcolor="#0F0F0F">
        <div id="core"><img src="images/madintro.jpg" width="470" height="267" /><br />
          Welcome to the official website of Mad Dwarf Workshop. Home of hand crafted knives, swords, and fine art by David Delagardelle & Andy Davis. Please take a moment to look around and view some of our work, learn about our craft, and take a look at some pieces currently for sale. We hope you enjoy your stay and find either a treaure to call your own, or inspiration for the trail ahead.
          <h2>Featured work:<br />
            <a href="swords/ealgyd.html"><img src="images/swords/ealgyd/ealgyd1.jpg" width="430" height="323" /></a></h2>
          <h2><a href="http://maddwarfworkshop.123guestbook.com/"><img src="images/guestbook.jpg" width="209" height="88" alt="guestbook" /></a><font color="#666666"><br />
          </font></h2>
        </div>
<script type="text/javascript">
var sc_project=4137115;
var sc_invisible=1;
var sc_security="86fc9d5f";
</script>
<script type="text/javascript"
src="http://www.statcounter.com/counter/counter.js"></script><noscript><div
class="statcounter"><a title="godaddy stats"
href="http://www.statcounter.com/godaddy_website_tonight/"
target="_blank"><img class="statcounter"
src="http://c.statcounter.com/4137115/0/86fc9d5f/1/"
alt="godaddy stats" ></a></div></noscript>

        
          <p><img src="images/spacer.jpg" alt="" width="188" height="33" /></p>
          <p><span class="legaltext"><font color="#666666">Copyright
            © Mad Dwarf Workshop LLC 2010 <br />
            Last revised
            May 19, 2010
            . <br />
            Site built by <a href="http://www.myspace.com/davidd3art" style="color: #666;">David DelaGardelle</a></font></span><font color="#666666"><br />
              <a href="credits.html" class="legaltext" style="color: #666">- Credits -</a><br />
          <a href="mailto:[email protected]" class="legaltext" style="color: #666;">- Contact Us-</a></font></p></td>
        <td width="183" align="center" valign="top" bgcolor="#131313">
          <div id="right"> <span class="boldtext">Connect With Us:</span>
            <p><a href="http://www.facebook.com/#!/pages/New-Castle-Indiana/the-MAD-Dwarf-Workshop/117077868270" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('facebook','','images/facebook1.jpg',1)"><img src="images/facebook.jpg" name="facebook" width="70" height="70" border="0" id="facebook" /></a> <a href="http://www.youtube.com/user/MADdwarfWorkshop" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('youtube','','images/youtube1.jpg',1)"><img src="images/youtube.jpg" name="youtube" width="70" height="70" border="0" id="youtube" /><br />
            </a><a href="http://www.flickr.com/photos/40735115@N00/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('flickr','','images/flickr1.jpg',1)"><img src="images/flickr.jpg" name="flickr" width="70" height="70" border="0" id="flickr" /></a><a href="http://madswordsmithing.blogspot.com/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('blogger','','images/blogger1.jpg',1)"> <img src="images/blogger.jpg" name="blogger" width="70" height="70" border="0" id="blogger" /></a></p>
            <p class="boldtext">New For Sale:<br />
              <a href="knives/hildeofor.html"><img src="images/knives/hildeofor/hildeoforthumb2.jpg" width="177" height="133" border="2" /></a></p>
            <div align="center">
              <div style="border:1px solid #999999; width:173px; margin: 0px; background-color:#242424;">
                <form action="http://pub19.bravenet.com/elist/add.php" method="post" style="margin:0px;">
                  <div style="background-color:#474747; padding:0px; font:12px arial; color:#ffffff;"><b>Join our News Mailing List:</b></div>
                  <div style="margin:10px; font: 11px arial; color: #ffffff; text-align:left;">
                    <div style="margin-bottom:5px;">Enter your name and email address below:</div>
                    <div style="text-align:right;"> Name:
                      <input type="text" id="elistname" name="ename" size="25" maxlength="60" style="width: 112px" />
                      <br />
                      Email:
                      <input type="text" name="emailaddress" id="elistaddress15081046149" size="25" maxlength="100" style="width: 112px" />
                      <br />
                      <span style="white-space:nowrap;">
                        <input type="radio" name="action" value="join" checked="checked" style="border: 0px;" />
                        Subscribe </span> <span style="white-space:nowrap;">
                          <input type="radio" name="action" value="leave" style="border: 0px;" />
                          Unsubscribe </span>
                      <input type="hidden" name="usernum" style="border: 0px solid black; height: 0px; width: 0px;" value="1572390955" />
                      <input type="hidden" name="cpv" style="border: 0px solid black; height: 0px; width: 0px;" value="1" />
                      <input type="submit" name="submit" value="GO" />
                    </div>
                  </div>
                  <div style="color: red" id="elist_err15081046149"></div>
                  <div align="center" style="margin-bottom:3px;"><a title="" href="" style="font: bold 11px tahoma, sans-serif; color: #ffffff;" target="_blank"></a><br />
                    <a title="" href="" style="font: 10px tahoma, sans-serif; color: #ffffff;" target="_blank"></a></div>
                </form>
              </div>
            </div>
            
<p></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><br />
</p>
          </div>
        </td>
      </tr>
    </table>
    </div>
</div>
</div>
</body>
</html>
I know its kinda a lot to ask but I know zero people in person who can help me, and am extremely desperate and absolutely obsessed with making this site the very best I am capable of.
Any resources, videos, tips, whatever would be beyond appreciated!...
Thank you so much!
Dave D.

I know plenty of people run into the issue of not being able to see their images while in design view, but mine is the exact opposite.
My images show up as a tiny blue question mark box in Live View... As well as when I preview it in a browser localy on my machine.
I think I know why it might be happening but dont know how to fix it...
When I insert an image DW codes it as such:
<img src="/images/madintro.jpg" width="470" height="267" />
The problem seems to lie in DW adding the "/" in front of "images"
when I manually go in and take out the "/" the image shows magically shows up as it should.
Why has dreamweaver suddenly defaulted to making bad code? what did I do to cause this issue? And obviously how can I change it back to work again and make the image show in my DW workspace?
Yes, the slash is exactly the problem. That is known as a Site-root relative link.These types of link are good to use in Templates because they are always the same. They don't need to be "fixed' when you generate a page from your Template into a different folder.
The downside of using Site-root reltive links, is that you can't access the files locally. You must get the page from a web server. One exception to that is using Preview in Browser (PIB) "Temp" files.
Read this Tech Note about setting up a Testing Server so you can see these files in Live View and PIB:
http://blogs.adobe.com/dreamweaver/2008/12/live_view_and_siteroot_relativ.html
If you want to switch back to using Document relative links, then setthe Relative to: field to be "Document" in the "Browse for file" dialog (folder button next to Link field in PI). This setting is sticky, so all future link will use the same setting.
Hope this helps,
Randy

Similar Messages

Browser preview of image

For an unknown reason, before I save an image for the web, I commonly preview the image in a browser. Now it seems to be applying the image as a tiled background image in browser preview. Where can I change this setting?

what did you do to resolve this? i am having the same problem plus the image details/specs is now showing on top covering the top part of the image and not the bottom of the image where it used to.

CS 4 browser preview

In DW CS3, pages with includes render properly in browser
preview. Not so when previewed in DW CS4. Includes part doesn't
render in preview or live view. Am I missing something?

Thanks for the suggestions but alas no luck.
I have updated Windows XP SP3 with all current updates.
I have downloaded and updated the Nvidia GeforceFX5500 drivers (which were the ones I was using)
I updated direct x to the latest version.
OpenGL is not available or I don't know how to configure it. Noticed this was greyed out in Photoshop and unable to select it.
Also captured new footage with CS4 without success after it was conformed as suggested.
I have no issues with CS2 which I have put back on the machine.
Neither the source or preview windows display video footage with cs2 captured files, cs4 captured files, imported avi files. But, noticed that if I created titles and imposed over static images they will display in the preview window but once it gets to captured footage it stops on the last frame of the title image. The audio continues but the video does not.

Tiff images broken

Confused as to why this is happening, so asking the guru's here.
Imported 31 tiff medium format scans from the imacon flextight scanner. images are fine, render correctly in photoshop and preview.
Import screen shows the thumbnails, but once the import is finished, and the files processed, i'm left with this.
http://img408.imageshack.us/img408/3807/screenshot20100302at721.jpg
clicking on any of the images results in a grey screen like this
http://img685.imageshack.us/img685/3281/screenshot20100302at726.jpg
I've clicked the option button to rebuild the preview, nada.
If this isn't a bug, I don't know what is, thing is, it renders 80% of my work useless with Aperture 3. Going into the Aperture library, the master images are all intact, it's the previews and thumbnails that are broken, often just black squares or heavily distorted squares.
Message was edited by: DanielC

I copied the masters and previews from Aperture 2.1.4 via the Finder and then imported those into Aperture 3.0.3. I imported the Aperture 2 previews just to use as a guideline of what I wanted the images to look like in Aperture 3. Then I manually recreated the desired versions in Aperture 3). So I 'recovered' what I needed but of course if you have hundreds on 'missing' masters in your library (that are really there but Aperture is too blind to find them) this workaround isn't feasible. I only had four missing and they were based on master TIFFs I scanned three years ago.
As an aside, this effort to recover files that I had painstakingly digitally restored from very old damaged, torn, degraded photographs was not without its benefits. Aperture 3 has tools to do this work better quicker including the new Curves and great Brushes options. Certainly convinces me I would not want to go back to Aperture 2 except to handle flaws that may still be in Aperture 3. To remind the reader, these lost masters were also lost in Aperture 2.1.4 so it was not a problem caused by Aperture 3 in my case.
A further observation, after working for several hours on these pictures, just as I was finishing, I experienced a kernel panic but when I restarted the system and loaded Aperture 3, all changes were intact so I lost nothing. Impressive or good luck? Of course I immediately updated the Vault! I had done all this work in 64bit mode because I wasn't going out to Photoshop for anything, but I wonder if that contributed to the crash as running in 32bit mode has been solid for me. I'll stay in 64bit for a while and see if all goes well (unless I need to edit in Photoshop CS4).
Message was edited by: Rick Lang

Browser preview menu bar navigation problems

Hey everyone I have a very strange problem that I honestly have no idea at all how to handle.
Below is a template I've put together. It's for a pump repair business site (to provide clarity on any content).
Everything was going smoothly, until I previewed it in the browser (using Firefox and Chrome). I can jump from page to page about twice, but, after that, especially when I try to return to the home page, I recieve an error like this:
' No webpage was found for the web address:file:///C:/Users/John/Desktop/Design/Merit%20Pump%20Website/MeritPump_Template.dwt '
And I am also not able to access my submenus in the browser preview, and inevitably NOTHING will work after the first few jumps between pages.
My code is below. Thank you so much for any help- this is my last major roadblock before I am able to publish.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

<style type="text/css">

</style>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="../Scripts/swfobject_modified.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />


</head>
<body class="oneColFixCtrHdr">
<div id="container">
<div id="header">
    <h1>
      <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="781" height="200">
        <param name="movie" value="../Merit Pump Site Images/Merit_Banner-02-01.swf" />
        <param name="quality" value="high" />
        <param name="wmode" value="opaque" />
        <param name="swfversion" value="9.0.45.0" />
        
        <param name="expressinstall" value="../Scripts/expressInstall.swf" />
        
        
        <object type="application/x-shockwave-flash" data="../Merit Pump Site Images/Merit_Banner-02-01.swf" width="781" height="200">
          
          <param name="quality" value="high" />
          <param name="wmode" value="opaque" />
          <param name="swfversion" value="9.0.45.0" />
          <param name="expressinstall" value="../Scripts/expressInstall.swf" />
          
          <div>
            <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
            <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
          </div>
          
        </object>
        
      </object>
    </h1>
</div>
<ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="../MP-index.html">Home</a>    </li>
    <li><a href="../MP-Kobepumps.html" class="MenuBarItemSubmenu">Services</a>
      <ul>
        <li><a href="../MP-Kobepumps.html">KOBE Pumps</a></li>
        <li><a href="../MP-Myerspumps.html">MYERS Pumps</a></li>
<li><a href="../MP-Industrial.html">Industrial</a></li>
<li><a href="../MP-Oilfield.html">Oil Field</a></li>
      </ul>
    </li>
    <li><a href="../MP-Contact.html">Contact</a>    </li>
    <li><a href="../MP-About.html">About Us</a></li>
</ul>
<div id="mainContent">
<p> </p>

<p>Merit Pump and Equipment is an authorized dealer for <b><font color="#900">Kobe, Weatherford and Myers</font></b> pumps supplying you with both pumps and parts. We are also a factory authorized pump service center for your pump repair needs.</p>
<p class="MsoNormalCxSpMiddle" style="line-height:normal;"> <b><font color="#900">Myers</font></b> offers a complete line of submersible sump, sewage, effluent,   grinder, non-clog and wastewater pumps, controls, basins and accessories, reciprocating, self-priming and pumping systems for residential, agricultural, commercial, municipal and industrial applications.</p>
<p class="MsoNormalCxSpMiddle" style="line-height:normal;"><b><font color="#900">Myers Aplex</font></b> offers a complete line of high quality, medium to heavy duty reciprocating pumps for both intermittent and continuous duty.</p>
<p class="MsoNormalCxSpMiddle" style="line-height:normal;"> <b><font color="#900">Kobe</font></b> offers a unique vertical plunger pump, as well as the Weatherford horizontal   design for high pressure applications. The "Kobe" pump is especially well suited for extreme pressure services up to 30,000 PSIG.</p>
<p align="center" class="disclaimer" style="line-height:normal;"> </p>
<p align="center" class="disclaimer" style="line-height:normal;"><em>Other Lines we carry include LMI metering pumps, Hydra-cell pumps, Vector Peristaltic pumps, Grinnell butterfly valves, Milliken Valves, All-Flo diaphragm pumps, Blancett flow meters, Pacer pumps, Proco Products expansion joints and others.</em></p>
<p align="center" class="MsoNormalCxSpMiddle" style="line-height:normal;"> </p>
<table id="Table_01" width="740" height="60" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td><a href="http://www.columbiantectank.com"><img src="../Merit Pump Site Images/Service1.jpg" alt="" width="195" height="60" border="0" /></a></td>
      <td><img src="../Merit Pump Site Images/Service2.jpg" width="172" height="60" alt="" /></td>
      <td><a href="http://www.femyers.com/"><img src="../Merit Pump Site Images/Service3.jpg" alt="" width="184" height="60" border="0" /></a></td>
      <td><img src="../Merit Pump Site Images/Service4.jpg" width="189" height="60" alt="" /></td>
    </tr>
</table>

<p align="center" class="MsoNormalCxSpMiddle" style="line-height:normal;"> </p>
</div>
<div id="footer">
    <p><span class="footer">© 2006 Merit Pump & Equipment CO. All rights reserved. | Home | About | Contact | FE Myers | Kobe Triplex |</span></p>
    <p><span class="footer">975 Lincoln Way West, Wooster, OH 44691 | PO Box 960</span></p>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>

Hi!
1. file:///C: /Users/John/Desktop/Design/Merit%20Pump%20Website/MeritPump_ Template.dwt '
1.1 Suspicious are always these strings starting with file:///, what means, "DW thinks that every file you have linked to is outside the local root folder":
1.2. Don't use spaces in folders/filenames. Spaces get converted %20, you could use underscores eg.
2. ../MP-Kobepumps.html
Where is this file located? Please control your path in DW, maybe you need ../../, maybe you can do without it, depending on which level the file is situated/nested.
... maybe you can post a link to your page, no matter how it looks like.Hans-G.

Unable to set browser preview options

I posted this a few days ago and didn't get any responses, so
am trying again in case I'll have better luck today. :-)
I hope someone can help because this problem, which suddenly
occured, is makign it impossible for me to do any work in
Dreamweaver and that's driving me crazy... :-0
Thanks!
I feel a bit silly about this - but for some reason I am
unable to set the browser preview options in my preferences. I'm
using Dreamweaver 8 on a Mac OX10.3.9, and trying to designate
Firefox 1.5 as my default primary browser, and Safari 1.3.2 &
IE5 as secondary options. When I first open Dreamweaver I get a
message saying 'Unable to read Preview in Browser Preference.
Please remove all browsers form the list and add them again". So I
remove them all and when I try to add them back, none of my choices
show up in the box. Then I restart and the old ones are still
there. If I try to change the check in the box that indicates
primary or secondary browsers, my program crashes. Anyone have a
clue what's going on? Thanks so much for any help...

This - file:///ether/Patricia Yenawine/images/oxblood_med.jpg
- tells me
that your local root folder is on a network shared drive. I
am guessing
that your problem stems from the fact that network
permissions/protocols are
interfering with your ability to successfully write your
cache files and
your browser preferences.
Do you have the same problem with sites that are truly local
to your
computer?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"amysue102" <[email protected]> wrote in
message
news:e48hoq$ba0$[email protected]..
> Originally posted by: Newsgroup User
> Open DW, select a site, create a new page, and insert an
image from within
> that site to insert on the page. Without saving the page
(!important)
> copy
> the code and paste it into a reply here, please.
>
> Murray,
>
> Thank you! for helping...
> I followed your direction - here's the code:
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
> "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="
http://www.w3.org/1999/xhtml">
> <head>
> <meta http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1" />
> <title>Untitled Document</title>
> </head>
>
> <body>
> <img src="file:///ether/Patricia
Yenawine/images/oxblood_med.jpg"
> width="158"
> height="115" alt="oxblood bowl" />
> </body>
> </html>
>
> May Blessings rain upon you!
>
> Amy
>

How do I update/edit/change an image map in Fireworks CS4 or CS5?

Hi,
I've created an imagemap in Fw CS4, exported the image + html file, and it works ok.
1. I closed Fireworks, then ran it again and re-opened the exported PNG, and could see the hotspots, and could edit/update/add/remove them.
2. I closed Firewoks again, then moved the exported .png image (the original was a PNG as well) and html file to a different folder.
Problem: When I open the (exported) image, I can no longer edit the hotspots. The image map still works (in a browser), however.
Doesn't the HTML file define the hotspots? How do I update or edit an image map in Fireworks? Do I need to re-import the HTML file somehow? Fw help isn't very helpful on this topic.
I've also found that Fw seems to change the PNG when exporting it. Is it adding some kind of metadata to the exported PNG?
I've made sure the "Show slices and hotspots" button is on. This is really puzzling!
Environment: Windows XP SP3, Fireworks 10.03.011

Thanks to you both.
I think I understand what's happened, and yes, I've overwritten my original PNG
sigh. Fireworks doesn't really make this obvious!
That renaming tip is great! We already have a process for making PNGs of marked-up PDFs (so the extension is .pdf.png), so this will fit in just nicely!
You both ROCK!

Pasted lightboxes do not show when uploaded but do on browser preview

I created the lightbox display on the first page and then as i worked from page to page i would paste the original lightbox to the new page and replace the images and the captions but when i upload the site it doesn't show the lightboxes on the pages that i pasted the lightbox into it is just blank but the headers and footers are ok. The lightbox shows in the browser preview with all the images and captions.
all the images are there in the assets folder

Search the knowledge base for NET Red X and try out the solutions there. If you are using .NET 2005 make sure to focus on the ones for it first. It is usually either a web.config setting or not having the asp_client folder in the correct place.

Converting GIF images to JPG - display problems in browser

I am currently writing a program that uses the ImageIO package (javax.imageio.*) to take GIF and PNG images and convert them to JPG images. The program seems to convert them correctly, especially for the PNG images, but the converted GIF images don't open in a browser. They open just fine in Windows Picture and Fax viewer, but when I try to open them in IE or Firefox, it only diplays the little red 'x'.
Is anyone familiar enough with Images and the ImageIO package in Java that they may have some insight on why these converted GIF files won't display in a browser.

Bonjour,
In my [website|http://iweb.debutersurmac.com>, all the images are JPG files,
By default iWeb '09 converts images to JPG (yes, it's true)...
...unless you use masked images*
!http://i32.servimg.com/u/f32/09/02/44/99/masked10.jpg!
Crop your images (with Preview) before you paste them in iWeb. Don't use mask, Unmask an image if it's masked. That's the trick!
!http://i32.servimg.com/u/f32/09/02/44/99/unmask10.jpg!
(* images with transparency areas (ex : some PNG and GIF), rotation and shapes in iWeb make also PNG files in your website.)

Solution to using Site Root with Sub-folders on Testing Server & Browser Previews

Hi Everyone
Have found an elegant solution when using Site Root relative linking for a website, that allows browser previews, even when the testing server uses sub-folders and the live code references just the server site root " / " of the live server and not the sub-folder structure of the testing server. This is really useful when you don't want to use document relative linking, which normally takes care of this problem in Dreamweaver.
The solution is to use sub-domains referencing the sub-folders on the testing server, so the sub-folders appear as the root of each website and the html code pointing to the site root works correctly on both testing & live servers without alteration.
Testing Server Setup
One testing server domain is used for all client development work:
For example: www.testingserver.com
On the testing server there are multiple sub-folder (one for each client website being developed):
For example: www.testingserver.com/clientA/ , www.testingserver.com/clientB/ , www.testingserver.com/clientC/
Live Server Setup
The site code needs to be developed with the final live server folder structure (url references) in mind:
For example: www.livesite.com (with all pages referencing the root of the live site server)
Page URLs on Testing & Live Servers
/page-name.html
Testing server url: www.testingserver.com/clientA/page-name.html
Live server url: www.livesite.com/page-name.html (without /clientA/ sub-folder)
Browser Previews Don't Work
You want to be able to run browser previews on the testing server while developing the website. To do this you normally have to reference the sub-folder structure of the testing server in the url for things to work right:
For example www.testingserver.com/clientA/page-name.html
What do you do, when you can't keep switching all the urls in the code from pointing to the sub-folder to pointing to the site root, and you don't want to use document relative linking?
One Solution - Sub-domains on Testing Server
In your domain hosting (outside of Dreamweaver) setup a sub-domain to point to the testing server sub-folder.
For example: Sub-domain clientA.testingserver.com points to www.testingserver.com/clientA (sub-folder)
So now when you reference the sub-domain it sees the sub-folder as the site root and all your problems are solved.
Dreamweaver Site Definition Setup
Site Definition under "Local Info"
Links relative to: Site Root
Site Definition under "Remote Info" (live server)
Access: FTP
FTP host: ftp.livesite.com
Host directory: /
Site Definition under "Testing Server"
Access: FTP
FTP host: clientA.testingserver.com
Host directory: /
URL prefix: http://clientA.testingserver.com
(location of the site's root folder on the testing server, the sub-domain redirection takes care of pointing to the sub-folder)
This is just one solution but it works well for me as it doesn't have any cost associated with it under our hosting package where you can have multiple sub-domains setup.
Hope this helps someone in a similar situation.
Aly

Just Google it, or run out and buy a copy of David Powers' Foundations Dreamweaver CS4 with CSS, Ajax and PHP, a book that is never out of reach for me. He details the process explicitly for both Mac and PC.
For me, on W7, I edit the C:/Windows/System32/drivers/etc/hosts file, and add the ip of my testing server along with the site alias -
192.168.1.82 site.local
Then I add this same designation to my httpd.conf file in Apache on the testing server. Finally I restart Apache.
Now from my production machine if I browse to "http://site.local", I get to see either the default file in the root of the site on the testing server, or a directory of the site on the testing server (my testing server is a unix box running on my LAN at that ip address). Furthermore, all of my root relative links now work as they would if the pages were being browsed from the live server.

Dreamweaver browser preview works but not on live site?

Hello.
my dreamweaver browser preview works perfectly, the live site appears different?
how can i fix this issue. this is the url ciesladesign.com
the first image attached...is the disired appearance
the second image attached...is live web appearance (NOT DESIRED)

below is the source:
<!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>ciesla design site 01</title>
<link href="CSS/layout.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
          background-color: #FFF;
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="logo"><a href="index.html"><img src="images/CIESLA DESIGN LOGO-01.png" width="800" height="120" alt="ciesla design logo" /></a></div>
<div id="navagation">
<ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
    <li><a href="work.html">Work</a>    </li>
    <li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div id="headerImg"><img src="images/aboutimagered.jpg" width="800" height="250" alt="portsmouth nh" /></div>
<div id="bodyArea">
<div id="left">
    <p>An Industrial designer from Pratt Institute established Ciesla Design in 2009, a visual solutions based design group. Our Mission is to develop inventive and fresh design. We have developed a comprehensive approach to our design process, employing an innovative interpretation of market research and a unique visual aesthetic. We work intimately with our clients to achieve the most personalized and effective brands and products.</p>
</div>
<div id="right">
<p>mail inquiries to:</p>
    <p>[email protected]</p>
</div>
<div id="footer">Copyright2009</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
below is the css:
@charset "UTF-8";
          margin: 0px;
          padding: 0px;
#wrapper {
          background-color: #FFF;
          width: 800px;
          margin-right: auto;
          margin-left: auto;
#wrapper #logo {
          height: 200px;
          background-color: #FFF;
a img {
          border-top-style: none;
          border-right-style: none;
          border-bottom-style: none;
          border-left-style: none;
#wrapper #navagation {
          height: 50px;
          width: 800px;
          margin: 0px;
          float: none;
#wrapper #headerImg {
          height: 250px;
          background-color: #FFF;
          background-image: url(../images/IMG_800x533.png);
          margin-right: auto;
          margin-left: auto;
#wrapper #bodyArea #left {
          width: 550px;
          background-color: #FFF;
          float: left;
          font-family: Arial, Helvetica, sans-serif;
          font-size: 12px;
          color: #333;
#wrapper #bodyArea #right {
          width: 250px;
          background-color: #CCC;
          float: right;
          font-family: Arial, Helvetica, sans-serif;
          font-size: 12px;
          color: #333;
#wrapper #bodyArea #footer {
          height: 40px;
          clear: both;
          width: 0px;
          padding-top: 50px;
          padding-right: 20px;
          padding-bottom: 20px;
          padding-left: 0px;
          margin-top: 0px;
          margin-right: 0px;
          margin-bottom: 0px;
          margin-left: 0px;
p {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 12px;
          color: #333;
          margin: 20px;

Does anyone know why all of a sudden any new parent divs I add won't display in browser preview?

Does anyone know why all of a sudden any new parent divs I add won't display in browser preview?

yes styles are applied. What does not show up are the container divs - they all have the thin purple borders.
The "Blog Lovers" image shows up but it is inside the #blogindex div - which seems to be invisible because the elements inside #blogindex div are just piled on top of each other. (see below html) This is now happening on all the pages of this site.
(I test a different site in DW and I was able to add divs and borders and content inside divs just fine.)

     <div id="blogindex">
        <div id="blog_image1"><img src="images/bloglovers.gif" alt="Blog Lovers" /></div>
         <div id="blog_image2"><img src="images/gcblogheader350x70.jpg" alt="Gina Charles Blog" /></div>
      <div id="blogindex_text">
      <p class="blackbolditalic">Visit the blog for happenings, highlights and conversation! </p></div>
      </div>
   
http://www.newworldapparel.com/tests/ -scroll 1/2 way down page to see the "Blog Lovers" pile up!

Image that spreads across entire web browser

:rose;
I want to design a web page that has 3 separate sections in
the page where the design/image goes across the entire web browser
window without repeating and stays that way even when the browser
is resized. Making a table with 3 rolls only contains each image
within the space designated for that table roll and the background
surrounding the table still looks different.
Do I need a Javascript or something?
Thanks for your feedback.
Viola J.

So here are my screenshots.
1st one shows the image on a slide in captivate
2nd one shows the image preview in the Library
last image shows it in web browser or published view:
I spoke to technical support today and they could only tell me to copy and past into a new file. I've done that and still getting the same error. Even worse now my audio is having issues. I cleared my cache settings like Lilybiri suggested but nothing seems to work.

Error in browser preview

Error in browser preview
Hi, I have a problem and do not know what to do to solve it.
I'm doing my web move. In the Design tab and Preview the entire composition is ok, I see everything perfect (video and text)
But when I preview in the browser or ftp stay in a text disappear me, the images move from site, the videos also disappear some.
Why is? What do I do wrong?
I put three pictures of the process. Why do the videos and text appearing on your site??
I go crazy
Thank you!

I've found errors! !!!!!
The html embed youtube videos (that personalize as) had a parameter mismatch makes everything.
Thanks anyway for your answer

Browser preview stopped showing design update

I am new to Dreamweaver, and whenever I make changes to the
page, I will preview the changes using browser preview. After
making several previews back and forth, my browser suddenly stopped
displaying the latest design updates. I have done every suggestion
mentioned about resetting, & clearing caches in my browser, but
i don't see the latest design update I did. In dreamweaver design
view, I can see the image I added, but when viewed in the browser,
what I see is the design prior to the addition of the new image.
What else can I do to correct this? When I use a different browser,
I see the new design.

Which browser isn't working?
Also make sure that you are looking at localhost and not
remote site. I do
this sometimes and get the same result.
Steve
"marsdenz" <[email protected]> wrote in
message
news:fid7nc$n23$[email protected]..
>I am new to Dreamweaver, and whenever I make changes to
the page, I will
> preview the changes using browser preview. After making
several previews
> back
> and forth, my browser suddenly stopped displaying the
latest design
> updates. I
> have done every suggestion mentioned about resetting,
& clearing caches in
> my
> browser, but i don't see the latest design update I did.
In dreamweaver
> design
> view, I can see the image I added, but when viewed in
the browser, what I
> see
> is the design prior to the addition of the new image.
What else can I do
> to
> correct this? When I use a different browser, I see the
new design.
>

Images broken in DW CS4 LiveView & browser preview.

Similar Messages

Maybe you are looking for