Images No Longer Showing in Design View but Work Online

Here is the live site that works - http://www.drinkupsandiego.com
Everything works in the live site and it has been up and running for a couple of years. I went to modify the site today in DW CC and none of the images showed up. I noticed that the site was not defined so I did this by adding a new site and defining the root folder. Still no images. So I look at the assets on the right side of DW and it shows that the image folder is now called "images.jpg" instead of the correct "images" name. If I go into my documents the folder "images.jpg" does not exist. I then clicked on one of the broken images and selected the correct folder. The image showed up but when I look at the code it is now "<img src="images.jpg/.....>". Again, that folder does not exist in my documents. I went back to the site definition and clicked on advanced and identified the folder for images as "images" but when I click on it it comes back as "images.jpg" I am baffled - I know this has to be some sort of silly fix so thank you in advance for anyone who can help.
Gary

Odd, I just moved all the files in the assets section from "images.jpg" to "images" and it all works. But I am still baffled why DW created a separate folder.

Similar Messages

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.

External/Remote Images no longer appear in Design View!

Hi,
First post here.
Suddenly external/remote images in Dreamweaver CS3 no longer appear when viewed in Design View.
All I get now is grey boxes!
I have tried toggling 'Display External Files' on and off, made sure Cache is off (tried it with on too) and nothing seems to make a difference.
If anyone could help please, it's so annoying
Thanks,
James

Windows XP.
I'm an experienced web designer, 10+ years so you will have to trust me my code is fine.
It just shows the grey boxes in place of where the images should be.

Site no longer previewing in design view

Hello,
The site I need help with is a classic asp site. I am using Dreamweaver CS5.5 and am working in Windows 7 Professional.
For over a year I have been opening files directly from two separate servers (one is testing, the other is live) and the files previewed fine in design view. One day design view stopped working for asp files on both servers and I do not know what caused this. HTML files still preview fine.
On the live server, design view is not recognizing the included header, any of the css, or the images when I open .asp files. When I paste the include into the main document I can get the css to work by removing the initial '/' character from the path leading me to believe this is a pathing issue. I do not want to change my pathing in the files as the site is rendering properly in the browser and there is not a inital '/' character in the includes original path to remove anyway.
When I open a .asp file from the test sever, the included file is showing in design view but again I have to change the pathing to the css in order for it to render properly in design view. It is rendering properly in the browser.
The loss of design view is making my styleing very challenging. I think I need to tell dreamweaver where the root of the testing and live server are. I'm not sure is this is the solution and if it is I am not sure how to implement it. Any help would be greatly appreciated. Thank you.
Paul

Thanks Nancy... Here is what I found. Maybe you (or someone could shed some light on this for me).
Here is what is placed in all of my documents:

The home page that displayed properly in Dreamweaver looked like this:

Removing all but two of the dashes as the end of the code snippet fixed the problem and the Header started to disply in Design view. I am not a programmer, and my HTML/CSS knowledge is self taught, but this code has been in place from a previous designer for years. Does it make a difference? What could have changed? I have thousands of these pieces in my site, I guess I need to fix them all.....

Websafe fonts changing in design view, but not in browsers

ive currently got a website with font thats extremely hard to read for my real estate company. I can change it in dreamweaver just fine and it shows in design view, but upon previewing in a browser it does not work, just reverts back to the old horrible font. Any suggestions here??
im trying to change the font family to
Tahoma, Geneva, sans-serif
thank you in advance!

There's only one h2 heading on each of those pages e.g. 2001 Update: Banks Charging....
The other subheadings (What is the payout penalty...) are a mishmash of <p> tags, <span> tags and CSS styles.
However, the font appearance and word spacing in those subheadings is controlled by the extensive use of the Cufon font replacement technique.
In the Cufon Javascript file,
http://www.definitiveinvestments.ca/js/cufon-replace.js
the <h2> font is replaced with Bebas http://www.dafont.com/bebas.font
Cufon.replace('h2, h3, .title3', { fontFamily: 'Bebas' });
By hard to read, are you referring to the word spacing?

How come I can see my div in design view but not in live view

Hi,
I have a div ID called "portfolio" that I can see in design view but not live view or on a browser. It's a little pink square and I want that square round also.
I ran it through validator. It picked up some things in the style.css which I changed and the boilerplate.css that I did not. Because I thought DW auto creates code for boilerplate because I don't enter that code myself.
It's also rejecting a lot of webkit code but this seems like standard webkit code that works elsewhere on the page.
BTW: at what point does this brutal hand coding pay off in money and less heartache when Wordpress looks cleaner and is so much easier to use? I feel like I barely know HTML or CSS in terms of translating vision to reality and with all-browser functionality after months and months of on-line classes. How long are the pros at it till they reach a watershed point?
here's my address: http://www.adjacentdimensionsmedia.com/home.html
Here's my html:
<body>
<div class="gridContainer clearfix">
    <div id="div1" class="fluid"><img src="adtitle2.png" width="700" height="80" alt=""/></div>
<div class="fluid"><div class="box-shad"><a href="index.html"></a></div>
</div>
    <div id="portfolio">Portfolio</div>
</body>
Here's my CSS:
.box-shad {
margin-top: 200px;
margin-left: 100px;
width: 900px;
height: 700px;
display: block;
background-image: url("images/Big-tree-trans1.png");
background-size: 900px 700px;
-webkit-box-shadow: 15px 15px 15px #000000 inset;
box-shadow: 15px 15px 15px #000000 inset;
-webkit-border-radius: 50%;
border-radius: 50%;
position: fixed;
.box-shad a {
    display:block;
    width:900px;
    height:700px;
#portfolio {
width: 100px;
height: 100px;
margin-top: 0px;
margin-right: 200px;
margin-left: 200px;
margin-bottom: 0px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: pink;
top: -300px;
position: relative;

The top:-300 is putting that div above the top of the browser viewport. Fix that and you'll see the div.

DW8: image won't display in Design View

Folks:
DW8 on MacOS 10.4.8 (fully updated) on Intel iMac.
What would keep an image from displaying in DW Design View?
What are the causes of the grey box with the superimposed "X"? Is
there any diagnostic output that might help? Is the grey box and
"X" substituted by DW8 for an invalid or un-drawable graphic, or is
this done by the OS?
The problem:
I've got a 1912 x 1481 graphic, a geographic map, in AI that
I'm trying to use as an ordinary web image, but DW won't display it
in Design View. Instead all I see is a big grey box and "X". For
test purposes, I'm starting from a new "Basic" HTML web page and
all I'm doing is inserting this one image. I need to get this
working so I can draw hotspots on this graphic to make it
"clickable" .
Here's what I've tried:
o Triple-checking that the inserted image reference is
correct. Yes, the image file is correctly linked. With the image
selected, the inspector shows a tiny but recognizable miniature of
the expected image. Further, when the page and the image are
uploaded to the web server and I look at it via a browser, the
expected image is _always correctly displayed.
o Exporting the graphic "for the web" from AI as both a GIF
and a medium-quality JPG. Neither of these are displayed in Design
View; both are served up correctly after being uploaded
o I found a larger JPG on a different site I'm managing. This
always displays as expected in both DW Design View and when served
up. I substituted the failing map JPG image. The result: A grey
box.
o Checking the map images: The JPG and GIF versions seem to
be visible in all environments (image readers, browsers, etc.) I've
checked _except_ DW8 Design View.
o Checked on another system. I made the failing image
available to a very helpful ACE, who performed a similar
experiment. It worked fine for him. I used his exact HTML and
directory structure -- and it failed for me. Grey box with "X".
It seems to me that I've checked most of the obvious
possibilities. Now it is time to check the less obvious ones.
Suggestions are very welcome!
Thanks,
Henry

Randy:
Thanks for your response.
This is a virtual memory system, so -- in theory-- it should
accommodate anything that will fit on the hard drive, more or less,
if I'm wiling to wait the hours (days?) it will take to swap on and
off the disk. That assumes DW8 takes advantage of the capability.
It may not.
"Larger"? The JPG image I compared to is 1692 x 2160 pixels,
but weighs slightly less, 289K bytes. I'm losing track of all my
test images that fail, but a representative one is 1912 x 1481
pixels and weighs 332Kb on the disk. "Roughly comparable" might be
a better description. The point is still reasonable: DW8 does
handle images of this size on my system.
One issue that occurred to me recently is that I may have
caused some grief by monkeying with the "Save for web" settings at
the Illy export. Perhaps I asked for some configuration that's
normal for Illy to export --or it would have warned me, I hope--
but too strange for DW to grok. DW should complain more
informatively than painting a gray box and "X" when that happens, I
would think.
Henry

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.

CSS header images not visible except in design view

I have a recurring problem in my css designs, and it's driving me to drink. In my stylesheets I define background and header images that work beautifully in design view, but when you view it any browser the header image is gone. This is not the first time I have struggled with this and I am over it. On the example I have posted there is an image underneath (not below, actually underneath) the company name and slogan at the top of the page, but you sure can't see it can you? As a matter of fact the second line of text completely disappears because the header image is not displayed. If someone can show me where I am going wrong with this I would appreciate it. The link to the site is here:
http://firstvirginiaservices.com/test/index.html

This is a path issue.
You're testing your new website in a subfolder called test. The server does not know that.
Your header rule points to the image with a site root reference i.e. starting from the root folder
#header {
margin:0;
font-family: Verdana, Geneva, sans-serif;
background-image: url(/images/header.jpg) ;
background-repeat:no-repeat;;
text-align: right;
That'll probably be OK when the site goes live but not while it lives in the "test" subfolder.
The server is looking for
http://firstvirginiaservices.com/images/header.jpg
but the images folder does not exist at the root folder level yet so the file is not found and the image does not display.
You really mean
http://firstvirginiaservices.com/test/images/header.jpg
The solution is to
EITHER
keep the root relative path and change the path temporarily in the CSS while you're working in the test folder
#header {
margin:0;
font-family: Verdana, Geneva, sans-serif;
background-image: url(/test/images/header.jpg) ;
background-repeat:no-repeat;;
text-align: right;
then tweak the path (remove "/test") when the site goes live.
OR
use a document relative path in the #header rule (from the CSS folder location to the images folder location)
#header {
margin:0;
font-family: Verdana, Geneva, sans-serif;
background-image: url(../images/header.jpg) ;
background-repeat:no-repeat;;
text-align: right;

Images are not showing in uitable view .

When running the app on simulator the images are comming well in table view , but no images are showing during in iPad Device and also showing no error .
I debuged the app ane the pointer is going to
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath , and the image is set to image view of tableviewcell , but still showing no image in iPad . but working fine in simulator .
Please help me .
Thanks

99 times out of 99, when images show on the sim but not on the device, it is due to the fact....that's right...fact...that the sim is your computer and file names when code-consumed ignore case.
iOS on the other hand, and this is important, so take notes....is case-sensitive.
MyImage0666.PNG in the Finder...your project folder....is not the same as myImage0666.png

Chinese Characters not showing in Design View

Version: DW MX 2004
I have a file I created in FrontPage and am now migrating
over to DW. Most of the language on the page is English, with a
portion of Chinese.
My Chinese characters do not show up in Design View, but when
I preview or upload the page to the server (live), they show up ok
in IE and FF. Everything worked fine in FrontPage.
Why can't I see them in Design View? I have looked in the
Help for languages, character sets, etc.

Once again, no one seems to know much about this question.
(I've noticed it's gone unanswered in previous years.)
In the Knowledgebase, I find only this: "Encoded HTML
documents created outside of Dreamweaver may not display correctly
in Dreamweaver. This includes documents that have been hand-coded
or created in another HTML editor."
This was updated in March, 2006.
Which leads me to say, bugger. I guess there's little point
in accommodating those 1.2 billion Chinese.

Lists not showing in Design view

If I preview page in browser, I can see the bulleted list,
but it is not visibile in design view, pretty annoying. Anyone know
why this might be happening? I validated my code and got no
errors...

Open any html page
either type the element in code view, say h1. Hello
it doesn't show up in Design View (It's visible in Live view however)
Or,
In Design View type Hello (yes, it's visible!)
Highlight Hello, then right click (I use a 2 button mouse) select from the pop-up menu and format the hello as h1. Hello
It disappears from the design view... (yes, it's visible in Live View)
Menu spry's and other "widgets" inserted do not display correctly in Design View, but display Okay in Live view
(This behaviour did not happen in CS4)
Mo Eb , Garry
*** http://uofgts.com
** [email protected]
o "Beer is living proof that God loves us and wants us to be happy."
-Benjamin Franklin, American statesman and diplomat, (1706-1790 ).

Includes no longer displaying in design view

Somehow my #includes are not showing in split or design view. Example:  This would be my header and navigation file. In the past it showed in design view right at the top of the page. Now not displaying. I know design view is not accurate and not neccessary, but really bugging me that I can't see the whole page anymore.... Side Note: my home page index file located in the root folder DOES display this info. All files located down a level do not.
These have been showing for years, now in CS5 and previously in version 8. I didn't change any settings, they just stopped showing today. The pages work properly online. I use this code snippet for a variety of objects per page. All .asp files.   I feel like something stupid accidentally got changed. Just not sure what. I have found lots online about initial set-up errors, but mine was working.
advice?

Thanks Nancy...   Here is what I found. Maybe you (or someone could shed some light on this for me).
Here is what is placed in all of my documents:

The home page that displayed properly in Dreamweaver looked like this:

Removing all but two of the dashes as the end of the code snippet fixed the problem and the Header started to disply in Design view.   I am not a programmer, and my HTML/CSS knowledge is self taught, but this code has been in place from a previous designer for years. Does it make a difference? What could have changed?   I have thousands of these pieces in my site, I guess I need to fix them all.....

Rectangle fills the browser in design view but cuts off in iphone/ipad/laptop

Screenshot of how it looks on a 13'' monitor and smaller. ( on my large monitors it looks fine ).
http://postimage.org/image/mzp23gzyj/
screenshot of the design view:
http://postimage.org/image/wpak76jbl/full/
How do I fix this issue?
Mac OS X, Muse v2.1,
site properties:
page width 1285 columns 1
column width 1285
gutter 0
all margins 0
Not centered horizontally
padding Top 20, Bottom 20, Left 36.

Also someone kindly explain what those blue vertical guidelines do, searched all over the net for hours but couldn't find a thing.
Also to clarify I'm trying to fill out the bottom portion with gray, there shouldn't be any white on the right past the gray rectangle.

PhpBB2 source code does not show in design view /CS3

I would like to customize a php bulletin board.
The default bulletin board page does not show in design view.
Is there a way to do it , such that php code can be written
by DreamWeaver via the design view ?

> The files I am trying to edit, or that is think I should
be trying to edit ,
> are
> index.php , and in the includes file template.php
If I am sorting this out correctly, which i am _not_ sure of
at the moment:
those aren't .tpl files.
they are .php files, and are part of the forum. They aren't
displaying in
design view because they are all php.
You need to find and edit the template files.
In previous link given:
http://www.phpbb.com/community/viewtopic.php?t=10764
<q>
So where do I find these great 'templates'?
Look in /templates/subSilver (thoroughout the FAQ I will be
using subSilver,
the default template. If you are using a different template
then change the
folder you look in accordingly). You will see a collection of
files there.
The templates are the ones with the file extension '.tpl' The
majority of
files in that folder are .tpl files. </q>
strongly suggest you make a backup copy of anything you try
to touch.
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/

Images No Longer Showing in Design View but Work Online

Similar Messages

Maybe you are looking for