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

Report · Sep 29, 2021

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?

Report · Sep 29, 2021

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

Report · Sep 29, 2021

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>

Report · Sep 29, 2021

thanks for your response, btw.

Report · Sep 29, 2021

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 & Moderator

Report · Sep 29, 2021

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.

Report · Sep 29, 2021

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 & Moderator

Report · Sep 29, 2021

I can. nice design actually

Report · Sep 29, 2021

OK. That rules out a rendering bug in DW. I surmise there is a path problem. Perhaps you're using site root relative link paths instead of document relative. Can you show us your code?

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Sep 29, 2021

here is the page online

https://www.drct.com/Area_Monitors.html

Here is the code (the first photo works on local view, but the others do not):

<HTML>

<HEAD>

<TITLE>Radiation Area Monitors for Sale</TITLE>

<h1><font face="Times New Roman">Area Monitors / Waste

Monitors</font></h1>

<h2>Gamma Radiation Detection</h2>

<h3>for monitoring trash, hospital waste, contaminated laundry and other applications.</h3>

<tr>

<td align="center"><div align="left"><a href="Area_Monitors/radiation-alert.html"><strong>Radiation Alert Area Monito</strong>r</a> This is our newest area monitor for gamma and X-ray. It is similar to the Model 375, featuring internal and external detector options. GM detector and NaI scintillation detector configurations are available. Modern features include intelligent touch screen and free software. </div></td>

</tr>

<tr>

<td align="center"><div align="left"><a href="/Area_Monitors/RadWall-S.html"><strong>Radwall-S Area Monitors</strong></a><em><strong> </strong></em>The<em><strong> </strong></em>RadWall-S Area Monitor is a sensitve all-digital monitor, covering a wide range of Gamma and X-Ray radiation. This area monitor utilizes a high-performance YSO scintillation crystal combined with a state-of-the-art SiPM (YSO+SiPM) and multi-voltage threshold (MVT) algorithm to detect a wide range of radiation doses. This monitor features high detection accuracy, high sensitivity, and fast response, as well as other advantages. Dose range is 0.01 μGy / h &sim; 1 mGy / h. This device can be used for health physics, nuclear medicine, reasearch, and other fields that utilize radioactive sources.</div></td>

</tr>

<tr>

<td align="center"><div align="left"><strong><a href="/Area_Monitors/Falcon.html">Falcon Series Area Monitors</a> </strong> This modern design of area monitors features large display, CsI scintillaiton detector, and a range from 1 uR/hr to 100 mR/hr. Other features include touch screen datalogging and MESH network capability. Different configurations are available that offer the user choice of enclosure color, display extended detection range to 50 R/hr and weatherproof enclosure. This unit can communicate to your network via RADConnect, Wi-Fi, Ethernet, USB, optional RADConnect-Link. Why settle for older technology? Please contact us for questions and pricing.</div></td>

</tr>

<tr>

<div align="left"><b><a href="Radiation_Waste_Monitors/AM-806.htm">AM-806 Area / Waste Monitor</a> </b>The Model AM-806 is a ruggedized, industrial grade area monitor that detects radioactive material in hospital laundry and waste carts. The system includes two large area plastic scintillators totaling 360 cubic inches, which detect gamma emitting isotopes passing through doorways and other passage ways. The system features a full color VGA touch screen for user interface. Counts and energy curve are graphically displayed on-screen. Alarm parameters can be easily changed by the touch of a finger, without recalibration. The AM-806 is durable and easy to operate. It requires minimal training. Installation of the system can be permanent or temporary.</div></td>

</tr>

<tr>

<td align="center"><div align="left"><strong><a href="https://www.drct.com/Area_Monitors/AMP-50.html">AMP-50 Area Monitor</a>  </strong>The AMP-50 G-M monitor provides real-time remote radiological monitoring for gamma radiation. Local readout of hand-held meter allows for use as a portable survey instrument.The AMP-50 is designed specifically to be used in medium to low dose rate fields. The AMP-50 features linear response from 10 μR/h to4 R/h. The meter's sensitive electronics can be positioned far from the high field (25 to 350 feet away); they are not subject to destructive gamma exposure. The probe head may be placed directly into a filter compartment or against a resin tank or waste liner. Other features include: waterproof detector housing and cable, quick-disconnect connectors, built-in communication port for use with DDC-16, WRM transmitter, stabilized digital display, and user-selectable internal alarm threshold.</div></td>

</tr>

<tr>

<td align="center"><div align="left"><a href="https://www.drct.com/Area_Monitors/AMP-100.html"><strong>AMP-100 Area Monitor</strong></a><strong></strong>   The AMP-100 would be the choice area monitor for medium range gamma radiation: 0.005 R/h to 1 000 R/h. The system includes an energy compensated G-M detector. The meter's sensitive electronics can be positioned far from the high field (25 to 350 feet away); they are not subject to destructive gamma exposure. The probe head may be placed directly into a filter compartment or against a resin tank or waste liner. Other features include: waterproof detector housing and cable, quick-disconnect connectors, built-in communication port for use with DDC-16, WRM transmitter, stabilized digital display, and user-selectable internal alarm threshold.</div></td>

</tr>

<tr>

<td align="center"><div align="left"><a href="https//www.drct.com/Area_Monitors/AMP-200.html"><strong>AMP-200 Area Monitor</strong></a> This unit is recommended for high range gamma: 5 R/hr to 10,000 R/hr. The system includes an energy compensated G-M detector. The meter's sensitive electronics can be positioned far from the high field (25 to 350 feet away); they are not subject to destructive gamma exposure. The probe head may be placed directly into a filter compartment or against a resin tank or waste liner. Other features include: waterproof detector housing and cable, quick-disconnect connectors, built-in communication port for use with DDC-16, WRM transmitter, stabilized digital display, and user-selectable internal alarm threshold.</div></td>

</tr>

<tr>

<div align="left"><b><a href="dss/INSTRUMENTATION/Ludlum/Ludlum-Model_375P-336.htm">Model 375P-336 Area / Trash Monitor</a></b> The Ludlum 375P-336 Radiation Waste Monitor is a solution to hospital radioactive waste management. The plastic scintillation detectors are much more compact and sensitive than the larger, more awkward NaI probes. For outdoor use, the system can be modified to be weather-proof. If desired, the system can be modified to be connected with the facility computer network. The basic system includes the lightweight Model 375 Electronics and two 168 in³ (2753 cm³) Plastic Detectors with 200'(61m) cables. A 10 µCi Check Source is included to for periodic testing. Options include strobe lights, extra alarms, time/date printers, ethernet kit, software, and cameras. </div></td>

</tr>

<tr>

<a href="dss/INSTRUMENTATION/Ludlum/Ludlum-model_375-30.htm">Model 375-30 Area / Waste Monitor</a> </b>The Model 375-30 is a Digital Model 375 Controller coupled to two shielded 7.6 cm (3 in.) diameter by 2.5 cm (1 in.) thick NaI(Tl) scintillation detectors. The detectors are encased in NEMA 4X rated weather tight enclosures suitable for the outdoor environment, while the 375 Controller is normally mounted to a wall indoors near an operator. This cost-effective system is simple, making it easy to operate and maintain. The controller supplies local alarms but can also be connected to external alarms or even put onto an Ethernet network if desired. It additionally has a 48-hour battery backup to keep the system operational in the event power is lost. </div></td>

</tr>

</table>

</center>

</div>

<P> 

</script>

_uacct = "UA-1226409-1";

urchinTracker();

</script>

<!--

.style1 {

font-size: 16px;

font-weight: bold;

}

.style2 {font-size: 16px}

-->

</style>

<tr>

<b><a href="https://www.drct.com/dss/instrumentation.html">Nuclear Instrumentation</a></b></td>

<b><a href="https://www.drct.com/dss/INSTRUMENTATION/dosimetry.html">Dosimetry</a></b></td>

<b><a href="https://www.drct.com/radiation_shielding.html">Shielding</a></b> </td>

<b><a href="https://www.drct.com/dss/sources.htm">Sources</a></b></td>

<b><a href="https://www.drct.com/specials.htm"> Specials</a></b></td>

</tr>

</table>

</center>

</div>

<tr>

<b><a href="https://www.drct.com/HEPA-Vacuums.html">Hepa Vacuums</a></b></td>

<b><a href="calibration-service.html">NIST Calibrations</a><a href="dss/Air_Sampling.html"></a></b></td>

<b><a href="https://www.drct.com/dss/accessories/beakers.htm">Marinelli Beakers</a></b></td>

<b><a href="https://www.drct.com/Portable_fume_hoods.htm">Fume Hoods</a></b></td>

<b><a href="https://www.drct.com/dss/accessories.html">Accessories</a></b></td>

</tr>

</table>

</center>

</div>

<tr>

Emergency Response</a></b></td>

<b><a href="https://www.drct.com/dss/Nuclear-Medicine.htm">Nuclear Medicine</a></b></td>

<b><a href="https://www.drct.com/dss/Radiation_Therapy.htm">Radiation Therapy</a></b></td>

<b><a target="_blank" href="https://www.drct.com/search.html">Search</a></b></td>

</tr>

</table>

</center>

</div>

<p class="style2"><b><i><a href="https://www.drct.com/Johnson_Nuclear.htm">WB Johnson</a></i></b>, <b><i><a href="https://www.drct.com/Automess.htm">Automess</a></i></b>, <a href="https://www.drct.com/SE_International.htm"><b><i>SE International</i></b></a>, <b><i><a href="https://www.drct.com/spectech.html">Spectech</a></i></b>, <b><i><a href="https://www.drct.com/Technical_Associates.htm">Tech Associates</a></i></b>, <b><i><a href="https://www.drct.com/Ermes.html">Ermes</a></i></b>, <b><i><a href="https://www.drct.com/LAP-laser.htm">Lap Laser</a></i></b>,

<tbody>

<tr>

<p align="center" class="style1">Direct Scientific <i> /  tel (310) 589 0601 /   </i><a href="mailto:sales@drct.com">Email</a> </td>

</tr>

<tr>

<td align="middle" borderColor="#ffffff" height="9"><div align="center" class="style1">contact us: en <a href="mailto:sales@drct.com?subject=español">español</a>, auf <a href="mailto:sales@drct.com?subject=Deutsch"> Deutsch</a></div></td>

</tr>

<tr>

</tr>

<tr>

<form>

<!--

function SymError()

{

return true;

}

window.onerror = SymError;

var SymRealWinOpen = window.open;

function SymWinOpen(url, name, attributes)

{

return (new Object());

}

window.open = SymWinOpen;

//-->

</script>

<!-- Hide script from older browsers

document.write('<P ALIGN="CENTER">')

document.write("<FORM>")

document.write('<INPUT TYPE = "BUTTON" VALUE = "<-- Back" onClick="window.history.go(-1);">')

document.write("</FORM>")

document.write("</P>")

//-->

</script>

</form>

</div></td>

</tr>

</tbody>

</table>

<tr>

<td><div align="center" class="style1">Open 8:00 AM - 5:00 PM Pacific Standard Time</div></td>

</tr>

</table>

<tbody>

<tr>

<td height="2" colspan="2" align="middle" bordercolor="#ffffff"><div align="center" class="style1">Follow us on twitter and youtube.</div></td>

</tr>

<tr>

</tr>

<tr>

<td height="5" colspan="2" align="middle" bordercolor="#ffffff"><div align="center" class="style1">Check out our instrument demos. </div></td>

</tr>

</tbody>

</table>

</div>

<P>

</BODY></HTML>

Report · Sep 30, 2021

Once you conform to document relative links on all images, it should work in DW.

<img src="images/area_monitors/rad-alert-area-monitor copy.jpg" alt="description">

That said, this site is a time capsule of:

Obsolete & deprecated code,
fixed-width table based layouts,
HTML formatting rather than CSS,
too big for small devices,
too tiny for big devices,
neither touch screen nor mobile-friendly,
219 code errors and warnings.
https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.drct.com%2FArea_Monitors.html

Sadly, due to its advanced age and glaring usability issues, there's not much to love. Rebuild it with Bootstrap or some other responsive framework.

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Oct 01, 2021

Duly noted. I have some work ahead of me. I started the project in 1995!

I think I figured out why the photos are not showing up in serverside. At one point, I had moved the site to a different part of the hard drive. I updated the settings in dreamweaver, but some of the code must have be confiused now. I was thinjking of deleting the site on server side, re-estblashing it and re-uploading. Do you think I am on the right track?

Report · Oct 01, 2021

I don't have enough solid information to advise you.

Nancy O'Shea— Product User, Community Expert & Moderator

Report · Oct 03, 2021

I fixed it. I recreated the local site in a new folder. The other attempt had corrupt files, probably because had I moved the site folder to another area on my hard drive, after adding the site on DW. ( I am guessing). Works fine now...now to get rid of that antiquted code.