Broken Image Icons in Design Mode

Report · Mar 21, 2020

All of my images are appearing with a broken image icon in design mode:

Everything is showing up and functioning perfectly in live mode and in my browser. Below is my code:

<!doctype html>

<html>

<head>

<title>Border Collie Rescue</title>

</head>

<body>

<h1>Border Collie Rescue</h1>

<h2>Your help can make a difference!</h2>

<hr>

</header>

<main>

<p>

If you're looking for an energetic, fun loving dog to adopt, or you want to relinquish a dog, this is your point of contact. The Border Collie Rescue Association is dedicated to finding homes for Border Collies, who, by no fault of their own, find themselves without a family to care for them.

</p>

<h2>Featured Border Collies of the Week</h2>

</map>

</p>

<p>

Please take a look at our featured Border Collies of the Week. They would all be wonderful additions to the right home. As always, Border Collies are very intelligent, active animals and need to task to stay happy and out of trouble. Click on the image for more information.

</p>

</main>

</div>

</body>

</html>

What's causing this? I can't seem to find a solution online, just people saying that design mode in Dreamweaver is unreliable. Surely a problem this simple has a fix.

Report · Mar 21, 2020

Assuming all images are in the local site's images folder, and your code is validating without errors, try restore preferences.

https://helpx.adobe.com/dreamweaver/kb/restore-preferences-dreamweaver.html

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Report · Mar 21, 2020

Thank you for responding. Unfortunately, that did not fix my problem.

Edit: I forgot to add that this code validated without errors. Also, yes, the pictures are all contained within the local site's image folder.

Report · Mar 21, 2020

Do you have any other recommendations? This seems like quite a basic problem to not have a fix. Is Dreamweaver just that broken?

Report · Mar 21, 2020

I can replicate the problem by changing the the image path as follows:

In other words, Is Dreamweaver just that broken?, no it is not.

Wappler, the only real Dreamweaver alternative.

Report · Mar 22, 2020

I don't understand what you did to fix it. It looks like you have your image folders within different assets folders. I don't understand what that does to help.

I would think it isn't an image path problem because the images function in my browser and in live mode.

Report · Mar 22, 2020

I can't reproduce your problem at my end.

Does your local site folder reside on your primary hard drive, not a networked or cloud drive?
Is your image optimized for the web and saved in sRGB color space, not CMYK?
Have you tried removing the image and re-inserting it?
If you absolutely can't work without Design view, I suggest doing a clean install of DW after running the Adobe Cleaner tool below.
https://helpx.adobe.com/creative-cloud/kb/cc-cleaner-tool-installation-problems.html

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Report · Mar 22, 2020

Files are on my primary hard drive, and images are in RGB. I tried reinserting the image as well. After a clean install, every picture still shows a broken image icon.

Report · Mar 22, 2020

Does this happen with ALL files in ALL sites?

Can you create a new test page with this code?

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Image Test</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<img src="https://dummyimage.com/500x500" alt="placeholder">
</body>
</html>

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Report · Mar 22, 2020

Yes, all files in all sites.

Report · Mar 22, 2020

I confess I'm at a loss. It could be a display issue, it could be an OS issue.

Maybe technical support can sort this out.

https://helpx.adobe.com/contact.html

Note: The pandemic has effected all sectors. There are fewer available Adobe Agents. Wait times may be longer than normal.

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Adobe Community

Broken Image Icons in Design Mode