No images in design view

I know this has been asked before and I've searched out each
one and went through to make sure I had everything in line before I
asked.
1.) "Display External Files" is checked in the View menu
2.) The files are stored on a server AND I have them on my
local hard drive. I have the proper path i.e. <img src="
http://www.blahblahblah.com/image/whatever......>
I have other files on my local drive and my server and I put
those image paths in there and they show just fine. But now it
seems no matter the type of file I save from either PS or Ai
Dreamweaver can't find the file????
All that I see right now is the little gray 32x32 box with
the ripped paper looking thing on it...
Here is the site:
http://www.buscovoice.com/
You can see in the code that the image is showing in the
source.
Anyone have a clue??????

What do you have in your HTTP Address field in the Local site
definition?
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
==================
"Chris200" <[email protected]> wrote in
message
news:g6dk4u$di8$[email protected]..
>I know this has been asked before and I've searched out
each one and went
> through to make sure I had everything in line before I
asked.
>
> 1.) "Display External Files" is checked in the View menu
> 2.) The files are stored on a server AND I have them on
my local hard
> drive. I
> have the proper path i.e. <img
> src="
http://www.blahblahblah.com/image/whatever......>
>
> I have other files on my local drive and my server and I
put those image
> paths
> in there and they show just fine. But now it seems no
matter the type of
> file I
> save from either PS or Ai Dreamweaver can't find the
file????
>
> All that I see right now is the little gray 32x32 box
with the ripped
> paper
> looking thing on it...
>
> Here is the site:
http://www.buscovoice.com/
>
> You can see in the code that the image is showing in the
source.
>
> Anyone have a clue??????
>

Similar Messages

Cannot preview remote image in design view

Hi,
I am using Dreamweaver 2004 MX and has just inserted an image referencing to a remote server.
However, Dreamweaver is unable to preview the image and only a small gray box can be observed.
I can preview it when the page in browser.
What's wrong with my DW?
Thanks

David_Powers wrote:
I'm not sure whether Dreamweaver MX 2004 has the ability to display external images in Design view. In Dreamweaver CS4, you turn this feature on and off by selecting Commands > Display External Files. If that option isn't available on your Commands menu, it means your version of Dreamweaver doesn't support the display of external files.
Unfortunately not, David. Handling external links was not introduced until DW8 (one after MX 2004).
Commands > Display External Files was introduced in the 8.0.1 updater for DW8 to enable this new (at the time) feature to be switched off.
http://kb2.adobe.com/cps/000/54d76ef.html

Why, since CS6 does DW now use ABSOLUTE image paths when dragging images into Design View from a folder in Finder?!

While I am grateful the previous issue I had with not being able to drag files into design view at all (in CC and CC2014) was resolved.
Guys (Adobe), seriously, if you're going to change the functioning of something that used to work just fine, at least supply a way for a user to revert to the old way... I absolutely loathe that I need a legacy version of DW to continue with my current workflow. Please put it back to the way it was, or at least allow a user to chose between the two behaviours.
If there is a way to do this, without using the Site Manager (which still doesn't work from Finder even with relative to document selected), I would appreciate any guidance.
As for using the Site Manager (before some smart guy suggests that I just use that) I do not wish to navigate to and create up to 20 "sites" a week and wait for DW to cache them all, when I am already in the folder with the image assets in Finder.
Also before someone pipes up and says: "You shouldn't be diving sites in design view anyway", I don't... I develop many, many newsletters every week and the folder structure is such that navigation to the actual image folder using the Site Manager would be painful at best.
I don't really like having to and replace all instances of "file:///Users/me/Work/company/Mailers/Year/wk14/mailer/dev/img/prod5.jpg". It is horrendously wasteful, time-wise.
Thanks in advance for any helpful replies

Sorry Murray, DW used to have an idea, my point is that since CS6 its developed a case of Amnesia.
The "elements" are in the "root" folder as follows:
newslettername.htm
img
imagename.jpg
So the relative path would be <img src"img/imagename.jpg" />
However since the change: <img src"file:///Users/me/work/Company/year/week/campaign/img/imagename.jpg" />
Which is completely useless and needs to be corrected before I upload the html anywhere.
As for using the site directory, I did answer that in my initial post. I use a laptop, I really don't want a site manager taking half my screen just so I can see the folder structure and navigate with that, especially since I am already at the files I need in Finder.
Again, this is something that used to work just fine in previous iterations of DW, so I don't believe Adobe is incapable of fixing it nor am I being unreasonable asking for a choice for those that may find the local absolute paths useful in some way. All I want is to be able to chose not to use absolute paths when dragging from Finder.

DW CS3 problem with PNG-8 images in Design View?

DW CS3 (build 3481) on XP seems to have problems with PNG-8 images, specifically trying to display them in design view.
I had a very simple image that was able to be exported by Fireworks CS4 as PNG-8 using 4 colors (no transparency) for a tiny file size under 250 bytes.
DW could not display it at all, or even recognize it, reporting it was 0 x 0 in size. I published the page anyway, and it looked fine in the browser.
I upped the number of colors to 32, and DW could then display it in design view in the page I was working on.
I'm still having problems with other PNG-8 images. The attached file "temp.jpg" is a screenshot showing part of the design view in DW.
The smaller image on the left of the banner is "58_certificate_of_discharge.png" (attached), and the larger image below is used as the background of the DIV containing the form,"compassbk.png" (also attached).
These images all look fine in the browser, but terrible in DW.
I'm stumped as to why.
Thanks in advance.

According to a different discussion, the images that are stuck as "Queued" are showing a bug in the virus scanning on the forums.
Now trying the recommended 'camera icon' method...
Looks like it worked.
Now compare what it looks like in DW CS3 in the design view:
It's a 16 color PNG-8 made in Fireworks CS4 with no transparency, size is 113 x 58, ending up at 1.71K.
If this is a repeatable problem in CS3, is there any hope of it being resolved, or am I stuck with upgrading to CS4 as my only option (assuming it's fixed in CS4)?
Thanks.

Viewing Images in Design view

Well I've been working on my site prior to getting
dreamweaver, and I open the .html of one of my pages, but it
doesn't show anything but the images in a grey box and text in
tables. When I preview in a browser it looks perfect though, is
design view supposed to be like this? Also whether it makes a
difference or not, the .html is already uploaded on my site so my
image links are www.website.com/img/image.gif
I also included a screenshot, just incase I don't make sense.
http://img297.imageshack.us/img297/3197/dreamweaverdesignviewerni4.jpg

Which DW and which OS?
Is VIEW | Display External Files checked?
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
==================
"terry_cpac" <[email protected]> wrote in
message
news:fc9f90$dp6$[email protected]..
>I too have been experiencing this problem only recently.
I have been using
>DW
> to create eNewsletters, so all images are located on a
web server. I use
> the
> whole file path including the
http://www. etc. for all images and
> graphics. The
> Design view pane used to display these images with no
problems until
> recently.
> Now, no matter what I do, I can't get it to access any
image to display in
> the
> design view pane. This has been causing DW to hang every
time I try to
> open a
> file with images referenced this way. I hope there is a
solution to this
> problem.
>

Root relative images and design view

I have many sites that have root relative image paths
(src="\images\sample.gif") that I've coded by hand in DW8.
I don't use design view that much, buy one of our designers
does. The problem is none of the images with root-relative paths
will appear in design view.
I have specified valid paths in my site definitions, so
what's the issue?

> I have specified valid paths in my site definitions, so
what's the issue?
Hard to say - perhaps the developer's site is not properly
defined. There
should be no issue displaying root relative linked images in
DW's Design
view, since DW knows where the root of the site is. What is
in the HTTP
address field of the local site definition?
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
==================
"Diodeus" <[email protected]> wrote in
message
news:g91jhj$imv$[email protected]..
>I have many sites that have root relative image paths
> (src="\images\sample.gif") that I've coded by hand in
DW8.
>
> I don't use design view that much, buy one of our
designers does. The
> problem
> is none of the images with root-relative paths will
appear in design view.
>
> I have specified valid paths in my site definitions, so
what's the issue?
>

Problem with Scrollable image in design view.

So I have defined I want my layout to be scrollable, and that works when I preview it. But the problem is it is not scrollable in design view. Why is this? is there away to fix this?
Thank's in advance.

Design View doesn't process code like a brower does. It's primarily used for viewing layout.
Hence the name Design View.
You want to click on Live View while in Design View

Why is Image in design view but not in browser?

Why when I insert an image from root folder it shows in design but not in live view or browser? I have opened a new blank html page and still no image will show up.

Do you have an editable region in your main Template head tags?
Just so you know. Making a template out of an HTML document is just about the last step in your design process.
First build your prototype.html page so that everything performs well in all browsers. When you're completely satisfied with how it looks, then Save As Template.dwt.
Add editable regions for content that will change from page to page.
Spawn New page from template and save as index.html for your home page. Repeat for other site pages.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Poor Image Quality -- Design View & Published Content (CP8)

If I prepare a high-quality image, picture perfect, sharp, sized to let's say 500 x 500 px in Photoshop (max JPG quality setting) and then dump into Captivate, I find that Captivate significantly degrades the image quality. It changes the sharpness of the image and destroys exposure settings like colour saturation and hue. Even if I publish to an LMS with 24-bit, no compression, it still looks degraded.
Is there any way to improve image quality?

I am on PC, not on Mac and have used this feature all the time since (not totally sure) version 5. Maybe it is a Mac bug?
This is a screenshot, I imported a Photoshop file 'IconsTips' and choose to import Layers as images, you'll see the folder with 6 images.

CS3 - Viewing HTML in code window, when selecting a image in design window on split mode wont work .

Does any 1 know how i can enable my split to be able to
select a image from the design mode window with mouse, and have it
highlight in the code veiw.
I have just upgraded to CS3 and in DW MX2004 i could select
HTML from the code view , and attribute would highlight in the
design view, and visa versa with the design mode, ..
But atm all i can do is highlight and right click the text
or image in the design view window when in split mode, to find the
HTML for that selected, and it wont allow me to view the selected
text or image in the design window, when i highlight the HTML ... i
could do it in MX2004 , and its annoying me that i can't do this in
CS3 ..
Any hints on how to fix this would be very much appreciated
Thanks in Advance

ChAoTiC,
That works for me on WinXP. After selecting your image in
Design View,
try hitting Ctrl+` on Win or Cmd+` on Mac to switch focus to
the Code
Pane. Does that work?
HTH,
Randy
> Does any 1 know how i can enable my split to be able to
select a image from the
> design mode window with mouse, and have it highlight in
the code veiw.
>
> I have just upgraded to CS3 and in DW MX2004 i could
select HTML from the
> code view , and attribute would highlight in the design
view, and visa versa
> with the design mode, ..
>
> But atm all i can do is highlight and right click the
text or image in the
> design view window when in split mode, to find the HTML
for that selected, and
> it wont allow me to view the selected text or image in
the design window, when
> i highlight the HTML ... i could do it in MX2004 , and
its annoying me that i
> can't do this in CS3 ..

CS5 Design View: local page + images on server - images don't display

I've recently upgraded to DW CS5. I sometimes have occasion to design pages containing images that are on the server.
In DW8, images on the server would display in Design View.
In DW CS5, images on the server display a broken image icon in Design View.
Yes, I know I can switch to Live View, but I'd rather not, as I find Live View very difficult to edit in (if at all; I can somewhat edit in the code, but what's the point?). I'd far rather be able to see the images as I'm writing the page in Design View.
Am I missing some setting somewhere, or is this the way it is?

function(){return A.apply(null,[this].concat($A(arguments)))}
Diane Vigil wrote:
I found it under View > Display External Files.
Thanks so much for this. Really appreciated.
Used to be under the Commands menu long ago. Obviously relocated to the View menu.
That means that Adobe's own online Help docs for CS5 are incorrect.
http://help.adobe.com/en_US/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7cc1a .html
Note: When inserting images it’s also possible to use an absolute path to an image that resides on a remote server (i.e., an image that is not available on the local hard drive). If you experience performance problems while working, however, you might want to disable viewing the image in Design view by deselecting Commands > Display External Files.

No images Design View

I upgraded to CS3 today and for some reason I can no longer
see images in design view. The images are linked absolute to a
server and when previewed in a browser they work fine. The images
use to show up fine in DW8 so I'm a little confused as to why it's
not in it's successor. Ive done some searching and nothing came up
for this problem so I apologies if it's been brought up before. Any
help is appreciated.
Dave

VIEW | Display External Files?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Otakonx" <[email protected]> wrote in
message
news:f0npm6$ond$[email protected]..
>I upgraded to CS3 today and for some reason I can no
longer see images in
> design view. The images are linked absolute to a server
and when previewed
> in a
> browser they work fine. The images use to show up fine
in DW8 so I'm a
> little
> confused as to why it's not in it's successor. Ive done
some searching and
> nothing came up for this problem so I apologies if it's
been brought up
> before.
> Any help is appreciated.
>
> Dave
>

Dreamweaver CC - Design view images broken

A client contacted me today about how his DW design view is no longer showing external images. He thought it was the code. Now I don't use the design view very often, but it's doing it for me too. Every older project I open has broken images in design view. These are all images that are online and are using external links (HTML emails) so there is no reason for those images to be broken. They show in the Live View just fine, but my client can't edit with Live View. So, I updated DW and then found that they are also offering what looks like a new version, DW CC 2014. I downloaded that one and am having the same problem.
I've searched for about an hour now and can't find any solution to this. Does anyone know what is wrong here?

Hello jennisue,
Apologies for the issue you are facing but this is a known issue & sadly would not be taken up for a fix.
I would urge you instead to try out the new Live view editing capabilities in DW CC 2014.
-Subhadeep

No images show up in Design View. Help please......!!!

Trying to edit an existing webpage in Dreamweaver CS5. I already defined a site which is the local folder of the existing webpage. However, I was just unable to display any images in Design View. My inline CSS codes are:
<STYLE type=text/css>
margin: 0px;
padding: 0px;
#mainpage {
background: #F4FBFF url(\Images\img01.jpg) repeat-x;
<style>
The reference to the image is correct. It's just under the Image folder of the defined site. However I just couldn't manage to get the background image showing up in Design View. If I edit the above CSS codes as a seperate style file and link it to the webpage, yes I can see the image in Design View. But I just don't understand why the inline CSS codes don't work.
Can anyone help me, please?
Many thanks!
Tony

Thanks Gary, the codes are as follows:
<!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>HomeDirect UK</title>
</head>
<TABLE style="TEXT-ALIGN: center; WIDTH: 100%" id=mainpage cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD>
<STYLE type=text/css>
margin: 0px;
padding: 0px;
#mainpage {
background: #F4FBFF url(http://public.blu.livefilestore.com/y1pvaUcSfqJX_vpAfvt3F-FKvuxFRQhu3uvKV_RwxW84lJUKkT_t6K gVgi_1QzVRI1N-a68GiJOnAxK6ZMqo7RPTg/default.jpg?psid=1) repeat-x;
body, th, td, input, textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
p, ol, #box p, #content #DescriptionHolderStart
padding: 10px;
h1, h2, h3 {
color: #449BC7;
h1 {
font-size: 3em;
h2 {
text-transform: uppercase;
font-size: 1.1em;
font-weight: bold;
color: #449BC7;
h3 {
font-size: 1em;
ul, ol {
margin-left: 3em;
a {
text-decoration: underline;
color: #449BC7;
a:hover {
border: none;
text-decoration: none;
h1 a, h2 a, h3 a {
border: none;
text-decoration: none;
color: #449BC7;
h1 a:hover, h2 a:hover, h3 a:hover {
background: none;
color: #449BC7;
hr {
display: none;
#main
width: 780px;
margin: 0 auto;
/* Header */
#header {
width: 780px;
margin: 0 auto;
height: 134px;
#menu {
float: left;
height: 41px;
background: url(http://public.blu.livefilestore.com/y1phi9GHmE3F0irXty3C31B43OePhV8GmIOLK64vPvnpGtcFks-Go6 15K9SA8u2D5eWDGABjs-SLdqOIRraFv0hrQ/menu.png?psid=1) no-repeat;
width: 780px;
#menu ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
text-align: center;
#menu li {
display: inline;
line-height: 41px;
padding: 0 15px;
#menu a {
text-decoration: none;
font-size: 1.1em;
font-weight: bold;
color: #ffffff;
#menu a:hover {
text-decoration: underline;
/* Logo */
#logo {
width: 780px;
height: 93px;
margin: 0 auto;
text-align: right;
#logo h1 {
padding-right: 20px;
color: #ffffff;
padding-top: 20px;
font-size: 24px;
#logo h2 {
font-style: italic;
font-size: 10px;
padding-right: 20px;
color: #FFFFFF;
/* Page */
#pagewrap {
background: url(http://public.blu.livefilestore.com/y1pUaAYOMeU53ghE9O9vmx95qUq0d8LmL3OMYt5xvzp-6JcIKacky7 VsUYbF3zT2wWyh3glyCehjZy1CyGCwNSSXg/top.png?psid=1) no-repeat;
padding-top: 10px;
#page {
margin: 0 auto;
background: #ffffff url(http://public.blu.livefilestore.com/y1pnuj2ggXyk4aXFSPSIAZ0u67WmWfUELRjzSphGE2geSnxwiVZseh ix7xcCgdYx08UfkQt_CEU5lJHrePgf0N-Kw/back.gif?psid=1) repeat-y top;
border-top: none;
text-align: left;
#table1 table {
margin: 0 auto;
#top
height: 10px;
width: 780px;
#bottom
background: url(http://public.blu.livefilestore.com/y1pF6nb6pvwZ0cALhyy-bczUIfHr4O2pceHm6M-gtSxIVRhjGt8PgX ndba2VeweHjDmUPI1uTEIPf7mbmH_BULb5g/bottom.gif?psid=1) no-repeat;
height: 19px;
width: 780px;
#box
color: #ffffff;
padding: 10px;
overflow: hidden;
#box H1
font-size: 18px;
color: #327496;
padding-top: 5px;
/* Content */
#content {
padding: 0 10px;
#content H1
background: url(http://public.blu.livefilestore.com/y1pwMwkcpsx2GI20DIvXovJLIhgYW4DKZIjrSTFeIMFduc10uzBS08 KQ7jNL8l8eoYgJUn2afe2aCSEgGHXM3gX1A/h2.gif?psid=1) no-repeat;
height: 63px;
padding-top: 8px;
padding-left: 15px;
font-size: 16px;
color: #ffffff;
#content .entry
padding: 10px;
width: 390px;
.back_title
background: url(http://public.blu.livefilestore.com/y1pqs2Ay_ufKfPB85wwH0611Tm-WAkRtfwVanCho5ePg1WsQW-ym6A bnsGjp9FncS55s208h9RSzb3JZSRDZXfSQw/title_back.gif?psid=1) no-repeat;
#sidebar2 .top {
padding-top: 20px;
/* Footer */
#footer
padding: 20px;
#footer p {
text-align: center;
font-size: 9px;
color: #ffffff;
margin: 0px;
padding: 0px;
#footer a
color: #FFFFFF
</STYLE>
<DIV id=main>
<DIV id=header>
<DIV id=logo>
<H1>TEST</H1>
<H2>Short Slogan Here</H2></DIV>
<DIV id=menu>
<UL>
<LI><A href="#eBayStoreLink">Store</A></LI>
<LI><A href="#paymentpolicy">Payments</A></LI>
<LI><A href="#shippingpolicy">Shipping</A></LI>
<LI><A href="#returnspolicy">Returns</A></LI>
<LI><A href="#termspolicy">Terms</A></LI>
<LI><A href="#guaranteepolicy">Guarantee</A></LI>
<LI><A href="#aboutusdetails">About Us</A></LI></UL></DIV></DIV>
<DIV id=top></DIV>
<DIV id=pagewrap>
<DIV id=page>
<DIV id=content></DIV></DIV></DIV></DIV></TD></TR></TBODY></TABLE><DIV align=center></DIV></html>
Thanks again!
Tony

3rd party tags and design view customization

I know that Dreamweaver allows me to replace third party tags
with images in design view. My question is can I make my jsp widget
tags look dependent on attributes of that tag?
And why can’t I say that my <widget:suggestionBox
… size=”10” /> should look like a <input
size=”10” /> in design view?
Are there plans to support this long overlooked functionality
in the near future?

Well I am sure you wrote in good faith and I appreciate
anybodys help . However, I do not want to be rude, but if you have
nothing to say, than please don't post something useless. I am sure
there are many areas where you can post real solutions.
Of course DW works nicely with xsl in design view. My problem
was finally answered in another thread, I hope that link works.
http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?catid=190&threadid=1266443&fo rumid=12
I mark this as the answer, so everybody with that problem
knows where the solution is.
Joe

No images in design view

Similar Messages

Maybe you are looking for