after upgrade, Some images are not showing in design view in but they show in remote view

Forum|Forum|4 years ago
September 29, 2021
2 replies
392 views

One strange bug after I tried the latest dreamweaver... I switched from CS3 to CC.. Some images are not showing in design view in but they show in remote view. Most files are fine. It's only a small number of files. Why would this be happening?

This topic has been closed for replies.

Nancy OShea

Community Expert

See screenshot below.

Did you switch to LIVE view and refresh (F5) after saving the document?

Are you working with valid HTML code (denoted by a green checkmark)?

Did you define a local site folder for your project?

Do the images reside in your local site folder?

Nancy O'Shea— Product User & Community Expert

D

default0vaokg78cv42Author

Inspiring

I am working from mac so I don't have the f keys. I did refresh while in local view. I switched back and forth from remote to local. the remote was perfect, local was not connecting to the images.

Did you define a local site folder for your project? Yes

Do the images reside in your local site folder? Yes

I used the same configuration I had in Cs3, which worked for years.

thanks for your response, btw.

Nancy OShea

Community Expert

Copy & paste the code below into a new, blank document.

Can you see the images in Live view?

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Vertically Centered with CSS Flexbox</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<style>
body, html {
margin: 0;
padding: 0;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-family: Calibri, Candara, Segoe, Segoe UI, Optima, Arial, sans-serif;
/** font size grows 1px for every 100px of viewport width **/
font-size: calc(16px + 1vw);
/** line-height grows with font size **/
line-height: calc(1.1em + 0.5vw);
background: url(https://placeimg.com/1200/1200/nature) center center fixed;
background-size: cover;
}
main {
background: rgba(0, 0, 0, 0.60);
width: 60%;
color: #EAEAEA;
padding: 10%;
text-align: center;
}
nav {
position: fixed;
top: 0;
width: 100%;
text-align: center;
background: black;
}
nav a {
color: lightgoldenrodyellow;
text-decoration: none;
padding: 3%;
font-size: 1.15rem;
}
nav a:hover, nav a:active, nav a:focus, nav .active {
color: indianred;
text-decoration: underline;
}
</style>
</head>
<body>
<nav>
<a class="active" href="index.html">HOME</a>
<a href="about.html">ABOUT</a>
<a href="gallery.html">GALLERY</a>
<a href="contact.html">CONTACT</a>
</nav>
<main>
<h3>Welcome to CSS Flexbox</h3>
<p>This is horizontally and vertically centered.</p>
<img src="https://dummyimage.com/400x300" alt="placeholder"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error assumenda porro doloremque temporibus quo dolorum soluta, minima in ad non officiis, totam ab vitae id accusamus iste consequatur, nesciunt maiores.</p>
</main>
</body>
</html>

Nancy O'Shea— Product User & Community Expert

B

Ben M

Community Expert

Hard to tell without seeing your code. Are these remote or dynamically generated images or are they within your local site definition?

D

default0vaokg78cv42Author

Inspiring

I created them locally on photoshop. they are jpegs. They worked well for years on dreamweaver cs3.

Here is an example of the code that no longer works: <td align="center" bgcolor="#FFFFFF"><a href="https://www.drct.com/Area_Monitors/AMP-100.html"><img src="/images/area_monitors/AMP-100-tn.jpg" alt="AMP-100 area monitor" width="144" height="144" border="0"></a></td>

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded