Why won't the images in my file load when I do load file for an HTML doc?
I produce an email announcement in HTML which I view on a web browser. Firefox used to display everything correctly, but has stopped showing the images. What happened? I have pasted in the code below. Please let me know what is wrong. The doc displays correctly in Chrome. Thanks!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta content="text/html;charset=UTF-8" http-equiv="content-type" /> <title></title> </head> <body alink="#0000ff" bgcolor="#e5dcd3" link="#000000" style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt;" vlink="#0000ff"> <div style="width: 650px; margin: 0pt auto;"> <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="650"> <tbody> <tr> <td width="650"><img align="none" alt="SmallBCGVRHeader2" border="0" height="85" hspace="0" src="https://9c0b1b2065-custmedia.vresp.com/82f64e030c/SmallBCGVRHeader2.jpg" style="width: 690px; height: 85px;" title="SmallBCGVRHeader2" vspace="0" width="690" /></td> </tr> <tr> <td style="padding: 10px; background-color: rgb(242, 242, 242);"> <div style="color: rgb(255, 255, 255); font-size: 13px; color: rgb(218, 165, 32); text-align: center; text-decoration: none;"><a href="http://baychoralguild.org">HOME</a> <a href="http://baychoralguild.org/aboutbcg">ABOUT</a> <a href="http://baychoralguild.org/concer" t="">CONCERTS</a> <a href="http://baychoralguild.org/tickets">TICKETS</a> <a href="http://baychoralguild.org/contribute">CONTRIBUTE</a> <a href="http://baychoralguild.org/press">PRESS</a> <a href="http://baychoralguild.org/contact">CONTACT</a></div> </td> </tr> <tr> <td valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody> <tr> <td style="padding: 20px; border-color: rgb(102, 51, 0);"> <div style="text-align: center;"><img align="none" alt="Carmina Burana" border="0" height="162" hspace="0" src="https://9c0b1b2065-custmedia.vresp.com/library/1443560363/a7f3fa88e9/VRNov2015Header150DI.jpg" style="width: 640px; height: 160px;" title="Carmina Burana" vspace="0" width="648" /></div> <div style="font-size: 12pt; color: rgb(230, 161, 14); font-family: arial,helvetica,sans-serif; text-align: center;"><strong><em>November 20, 21 and 22 in Campbell, Palo Alto and San Francisco</em></strong></div> <!--Body text--> <table align="center" width="610"> <tbody> <tr> <td style="text-align: left; font-size: 10pt; font-family: arial,helvetica,sans-serif;"> <p>Dear Friends,<br /> <img align="right" alt="Instruments3" border="0" height="494" hspace="2" src="https://9c0b1b2065-custmedia.vresp.com/library/1447378200/ea6bce95dd/Carmina Instruments.jpg" style="width: 104px; height: 494px;" title="Carmina Instruments" vspace="2" width="104" /><br /> Our <strong><em>Carmina Burana</em></strong> concert series begins next Friday, at the Campbell United Methodist Church. Rehearsals have been wonderful and great fun! We're really enjoying singing this piece, and are very much looking forward to dress rehearsals next week with soloists, percussionists and the Ragazzi Boy's choir! <br /> <br /> It's not often that we perform with as many different kinds of percussion instruments as are called for in <em>Carmina</em>. Since the percussionists are typically in the back of the orchestra, it may not be easy to see what the instruments look like, especially when they are small or unusual. Just in case you are curious, I have included some images of some, at least, of the percussion instruments. Top to bottom down the right side are triangle, raganella (ratchet), glockenspiel, sleigh bells, snare drum, suspended cymbal, castanets, tubular bells, and the last image is xylophone with crotales (antique cymbals) across the top. Our performance will not have an entire orchestra between the audience and the performers, so you will be able to easily see the percussionists and pianists at work, not to mention the soloists.<br /> <br /> <img align="left" alt="RolandHP605 2" border="0" height="141" hspace="10" src="https://9c0b1b2065-custmedia.vresp.com/library/1447378275/6d53328fbb/RolandHP605.jpg" style="width: 175px; height: 141px;" title="RolandHP605 2" vspace="10" width="175" /><br /> The instrument list also calls for two pianos and a celeste. The pianos will be two Roland HP605 professional level electronic pianos, lent for this performance by two of our Bass choir members, David Goodman and Kim McCall. We rehearsed with the pianos this week - not only do they have amazing sound but with a flick of a switch they turn into the celeste, or the flute or the horn!<br /> <br /><br /> <strong><em>Carmina Burana</em></strong> performance dates, times and <a href="http://baychoralguild.org/contact/directions/"><span style="color:#000000;">locations</span></a> are listed below. Sanford's program notes are posted to the BCG <a href="http://baychoralguild.org/concert/"><span style="color:#000000;">Concerts</span></a> page. Tickets for all concerts will be available <a href="http://baychoralguild.org/tickets/"><span style="color:#000000;">online</span></a> or at the door.</p> <div style="font-size: 9pt; font-family: arial,helvetica,sans-serif;"> <table align="center" height="50" width="615"> <tbody> <tr> <td align="left" width="32%"><b>Friday, Nov. 20, 8:00 pm</b><br /> Campbell United Methodist Church<br /> <a href="http://baychoralguild.org/contact/directions/#campbell">1675 Winchester Blvd, Campbell</a></td> <td align="left" width="33%"><b>Saturday, Nov. 21, 8:00 pm.</b><br /> First Baptist Church<br /> <a href="http://baychoralguild.org/contact/directions/#fbc">305 North California Ave, Palo Alto</a></td> <td align="left" width="34%"><b>Sunday, Nov. 22, 4:30 pm</b><br /> St Gregory of Nyssa Episcopal Church<br /> <a href="http://baychoralguild.org/contact/directions/#sf">500 De Haro Street, San Francisco</a></td> </tr> </tbody> </table> </div> <!--Signature, etc.--> <span style="font-size:10pt;"> Please join us! It's going to be a fantastic concert!<br /> <br /> Mary Holzer<br /> Bay Choral Guild Publicity </span></td> </tr> </tbody> </table> <br /> <a href="https://www.facebook.com/BayChoralGuild"><img align="middle" alt="find_on_facebook" border="0" height="44" hspace="250" src="https://9c0b1b2065-custmedia.vresp.com/7f464ae81d/find_on_facebook.gif" style="width: 144px; height: 44px;" title="find_on_facebook" vspace="0" width="144" /></a></td> </tr> </tbody> </table> </td> </tr> <tr> <td colspan="3" style="text-align: center; background-color: rgb(244, 221, 187);"><span style="font-size: 8pt;">Bay Choral Guild: <a href="http://baychoralguild.org">http://baychoralguild.org</a> | P.O. Box 597, Los Alto, CA 94023 | info@baychoralguild.org</span></td> </tr> <tr> <td colspan="3" style="text-align: center; background-color: rgb(244, 221, 187);"><img align="none" alt="footer" border="0" height="48" hspace="0" src="https://9c0b1b2065-custmedia.vresp.com/61f94d1e13/footer.jpg" style="width: 600px; height: 48px;" title="footer" vspace="0" width="600" /></td> </tr> </tbody> </table> </div> </body> </html>
I produce an email announcement in HTML which I view on a web browser. Firefox used to display everything correctly, but has stopped showing the images. What happened? I have pasted in the code below. Please let me know what is wrong. The doc displays correctly in Chrome. Thanks!
<pre><nowiki><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta content="text/html;charset=UTF-8" http-equiv="content-type" />
<title></title>
</head>
<body alink="#0000ff" bgcolor="#e5dcd3" link="#000000" style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10pt;" vlink="#0000ff">
<div style="width: 650px; margin: 0pt auto;">
<table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="650">
<tbody>
<tr>
<td width="650"><img align="none" alt="SmallBCGVRHeader2" border="0" height="85" hspace="0" src="https://9c0b1b2065-custmedia.vresp.com/82f64e030c/SmallBCGVRHeader2.jpg" style="width: 690px; height: 85px;" title="SmallBCGVRHeader2" vspace="0" width="690" /></td>
</tr>
<tr>
<td style="padding: 10px; background-color: rgb(242, 242, 242);">
<div style="color: rgb(255, 255, 255); font-size: 13px; color: rgb(218, 165, 32); text-align: center; text-decoration: none;"><a href="http://baychoralguild.org">HOME</a> <a href="http://baychoralguild.org/aboutbcg">ABOUT</a> <a href="http://baychoralguild.org/concer" t="">CONCERTS</a> <a href="http://baychoralguild.org/tickets">TICKETS</a> <a href="http://baychoralguild.org/contribute">CONTRIBUTE</a> <a href="http://baychoralguild.org/press">PRESS</a> <a href="http://baychoralguild.org/contact">CONTACT</a></div>
</td>
</tr>
<tr>
<td valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="padding: 20px; border-color: rgb(102, 51, 0);">
<div style="text-align: center;"><img align="none" alt="Carmina Burana" border="0" height="162" hspace="0" src="https://9c0b1b2065-custmedia.vresp.com/library/1443560363/a7f3fa88e9/VRNov2015Header150DI.jpg" style="width: 640px; height: 160px;" title="Carmina Burana" vspace="0" width="648" /></div>
<div style="font-size: 12pt; color: rgb(230, 161, 14); font-family: arial,helvetica,sans-serif; text-align: center;"><strong><em>November 20, 21 and 22 in Campbell, Palo Alto and San Francisco</em></strong></div>
<!--Body text-->
<table align="center" width="610">
<tbody>
<tr>
<td style="text-align: left; font-size: 10pt; font-family: arial,helvetica,sans-serif;">
<p>Dear Friends,<br />
<img align="right" alt="Instruments3" border="0" height="494" hspace="2" src="https://9c0b1b2065-custmedia.vresp.com/library/1447378200/ea6bce95dd/Carmina Instruments.jpg" style="width: 104px; height: 494px;" title="Carmina Instruments" vspace="2" width="104" /><br />
Our <strong><em>Carmina Burana</em></strong> concert series begins next Friday, at the Campbell United Methodist Church. Rehearsals have been wonderful and great fun! We're really enjoying singing this piece, and are very much looking forward to dress rehearsals next week with soloists, percussionists and the Ragazzi Boy's choir! <br />
<br />
It's not often that we perform with as many different kinds of percussion instruments as are called for in <em>Carmina</em>. Since the percussionists are typically in the back of the orchestra, it may not be easy to see what the instruments look like, especially when they are small or unusual. Just in case you are curious, I have included some images of some, at least, of the percussion instruments. Top to bottom down the right side are triangle, raganella (ratchet), glockenspiel, sleigh bells, snare drum, suspended cymbal, castanets, tubular bells, and the last image is xylophone with crotales (antique cymbals) across the top. Our performance will not have an entire orchestra between the audience and the performers, so you will be able to easily see the percussionists and pianists at work, not to mention the soloists.<br />
<br />
<img align="left" alt="RolandHP605 2" border="0" height="141" hspace="10" src="https://9c0b1b2065-custmedia.vresp.com/library/1447378275/6d53328fbb/RolandHP605.jpg" style="width: 175px; height: 141px;" title="RolandHP605 2" vspace="10" width="175" /><br />
The instrument list also calls for two pianos and a celeste. The pianos will be two Roland HP605 professional level electronic pianos, lent for this performance by two of our Bass choir members, David Goodman and Kim McCall. We rehearsed with the pianos this week - not only do they have amazing sound but with a flick of a switch they turn into the celeste, or the flute or the horn!<br />
<br /><br />
<strong><em>Carmina Burana</em></strong> performance dates, times and <a href="http://baychoralguild.org/contact/directions/"><span style="color:#000000;">locations</span></a> are listed below. Sanford's program notes are posted to the BCG <a href="http://baychoralguild.org/concert/"><span style="color:#000000;">Concerts</span></a> page. Tickets for all concerts will be available <a href="http://baychoralguild.org/tickets/"><span style="color:#000000;">online</span></a> or at the door.</p>
<div style="font-size: 9pt; font-family: arial,helvetica,sans-serif;">
<table align="center" height="50" width="615">
<tbody>
<tr>
<td align="left" width="32%"><b>Friday, Nov. 20, 8:00 pm</b><br />
Campbell United Methodist Church<br />
<a href="http://baychoralguild.org/contact/directions/#campbell">1675 Winchester Blvd, Campbell</a></td>
<td align="left" width="33%"><b>Saturday, Nov. 21, 8:00 pm.</b><br />
First Baptist Church<br />
<a href="http://baychoralguild.org/contact/directions/#fbc">305 North California Ave, Palo Alto</a></td>
<td align="left" width="34%"><b>Sunday, Nov. 22, 4:30 pm</b><br />
St Gregory of Nyssa Episcopal Church<br />
<a href="http://baychoralguild.org/contact/directions/#sf">500 De Haro Street, San Francisco</a></td>
</tr>
</tbody>
</table>
</div>
<!--Signature, etc.--> <span style="font-size:10pt;">
Please join us! It's going to be a fantastic concert!<br />
<br />
Mary Holzer<br />
Bay Choral Guild Publicity </span></td>
</tr>
</tbody>
</table>
<br />
<a href="https://www.facebook.com/BayChoralGuild"><img align="middle" alt="find_on_facebook" border="0" height="44" hspace="250" src="https://9c0b1b2065-custmedia.vresp.com/7f464ae81d/find_on_facebook.gif" style="width: 144px; height: 44px;" title="find_on_facebook" vspace="0" width="144" /></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td colspan="3" style="text-align: center; background-color: rgb(244, 221, 187);"><span style="font-size: 8pt;">Bay Choral Guild: <a href="http://baychoralguild.org">http://baychoralguild.org</a> | P.O. Box 597, Los Alto, CA 94023 | info@baychoralguild.org</span></td>
</tr>
<tr>
<td colspan="3" style="text-align: center; background-color: rgb(244, 221, 187);"><img align="none" alt="footer" border="0" height="48" hspace="0" src="https://9c0b1b2065-custmedia.vresp.com/61f94d1e13/footer.jpg" style="width: 600px; height: 48px;" title="footer" vspace="0" width="600" /></td>
</tr>
</tbody>
</table>
</div>
</body>
</html></nowiki></pre>
Modified by cor-el
الحل المُختار
I see a lot of images in your post in Firefox 42 (screenshot attached), so I think the code is working.
Are you viewing the message in a private window? If so, could you check for blocked content, i.e., a shield icon on the left end of the address bar. More info: What happened to Tracking Protection?.
Otherwise: Fix problems that cause images to not show.
Read this answer in context 👍 0All Replies (2)
الحل المُختار
I see a lot of images in your post in Firefox 42 (screenshot attached), so I think the code is working.
Are you viewing the message in a private window? If so, could you check for blocked content, i.e., a shield icon on the left end of the address bar. More info: What happened to Tracking Protection?.
Otherwise: Fix problems that cause images to not show.
Thank you so much! That worked. Now I just have to learn more about this, after I finish all my publicity stuff! :-)
Mary