Highlighted

Broken Image Icons in Design Mode

Community Beginner ,
Mar 21, 2020

Copy link to clipboard

Copied

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

Screen Shot 2020-03-21 at 5.21.29 PM.png

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

 

<!doctype html>
<html>
 
<head>
<meta charset="UTF-8">
<title>Border Collie Rescue</title>
<link href="styles.css" rel="stylesheet" type="text/css">
</head>
 
<body>
<div id="wrapper">
 
<header>
<h1>Border Collie Rescue</h1>
<h2>Your help can make a difference!</h2>
<hr>
<hr>
</header>
 
<main>
<p><img src="images/main-photo.jpg" alt="Collies" width="600" height="200"></p>
<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>
<p><img src="images/featured-dogs.jpg" alt="Featured Dogs" width="500" height="240" usemap="#Map" title="featured-dogs-image-map">
  <map name="Map">
    <area shape="rect" coords="15,1,161,237" href="hope.html" alt="Hope">
    <area shape="rect" coords="178,2,322,236" href="blaze.html" alt="Blaze">
    <area shape="rect" coords="340,3,482,237" href="screwball.html" alt="Screwball">
  </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> <!--closes wrapper-->
</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.

Views

384

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Broken Image Icons in Design Mode

Community Beginner ,
Mar 21, 2020

Copy link to clipboard

Copied

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

Screen Shot 2020-03-21 at 5.21.29 PM.png

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

 

<!doctype html>
<html>
 
<head>
<meta charset="UTF-8">
<title>Border Collie Rescue</title>
<link href="styles.css" rel="stylesheet" type="text/css">
</head>
 
<body>
<div id="wrapper">
 
<header>
<h1>Border Collie Rescue</h1>
<h2>Your help can make a difference!</h2>
<hr>
<hr>
</header>
 
<main>
<p><img src="images/main-photo.jpg" alt="Collies" width="600" height="200"></p>
<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>
<p><img src="images/featured-dogs.jpg" alt="Featured Dogs" width="500" height="240" usemap="#Map" title="featured-dogs-image-map">
  <map name="Map">
    <area shape="rect" coords="15,1,161,237" href="hope.html" alt="Hope">
    <area shape="rect" coords="178,2,322,236" href="blaze.html" alt="Blaze">
    <area shape="rect" coords="340,3,482,237" href="screwball.html" alt="Screwball">
  </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> <!--closes wrapper-->
</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.

Views

385

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Adobe Community Professional ,
Mar 21, 2020

Copy link to clipboard

Copied

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, ACP
Alt-Web.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Community Beginner ,
Mar 21, 2020

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Community Beginner ,
Mar 21, 2020

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Mar 21, 2020

Copy link to clipboard

Copied

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

 

junk.png

 

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


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Community Beginner ,
Mar 22, 2020

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Mar 22, 2020

Copy link to clipboard

Copied

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, ACP
Alt-Web.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Community Beginner ,
Mar 22, 2020

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Mar 22, 2020

Copy link to clipboard

Copied

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, ACP
Alt-Web.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Community Beginner ,
Mar 22, 2020

Copy link to clipboard

Copied

Yes, all files in all sites. 

 

Screen Shot 2020-03-22 at 5.30.01 PM.png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Adobe Community Professional ,
Mar 22, 2020

Copy link to clipboard

Copied

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, ACP
Alt-Web.com

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...