WordPress Images not displaying in Chrome

Unfortunately the Chromium download did not solve the problem. Also the problem appears regardless of whether we are in the office or not. The external users who are on Mac Book Airs also have the problem regardless of where they are located.
It is looking like it is a problem of Chrome on Mac computers that has developed with a recent upgrade as the problem was not there three months ago.

Thx for the feedback ??

Then i’m thinking right now ??

Frankly, this issue would have been reported by millions of apple users by now so, I really doubt the issue. Really I’m puzzled.

Do you have debbugging programs like we have on pc on mac? To know which program is failing at which line? It could help I think.

On the bottom line, you have the same OS, the same browser than millions so, if not a local problem, I’m out of ideas. (not to mention apple os is known to be very good – and a safe OS way more than windows).

Regards,

Thanks, I appreciate your effort to help us. I will raise the issue in an Apple forum.

Peter

Do you use networked domains vpns or so?

Yes, sure apple forums will be able to help more,
Good luck,

Figured this was a Apple issue, try and poke around the Apple forums like suggested, shouldn’t be a difficult fix.

ok, thank you David for the answer,
i posted a possible quick fix using @media queries,

@digico Paris

You’re most welcome, it’s a shame this is a problem now that flash has been discontinued and slowly replaced with HTML5.

@david

I probably made a bad statement, it’s good flash is discontinued to open source video and animation technologies, but apparently it goes with some issues (ip, so on) that goes on Safari users. And some things embed in browsers in some way. It’s utterly bad for them, and I guess they never asked to be entangled in bugs that are just so low… for a cool os.

Well, here is the issue. The source code that is generated in Firefox, Internet Explorer, Safari, and Opera is:

I have to screw up the encoding of the less than sign because this crazy editor insists on interpreting the code into the symbol.

& lt;img src=”https://justicefa.org/wp-content/uploads/2016/12/Diversity-2.jpg” alt=”” />

However, in chrome it generates

& lt;img style=”height: 400px;” src=”data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7″ data-src=”https://justicefa.org/wp-content/uploads/2016/12/Diversity-2.jpg” alt=”” />

I got the chrome code in the other browsers when I had the WordPress classes as generated by inserting from the media library, but when I took out the classes, then I got the src to point to the jpg image. By the way, the code that fails in Chrome works in the other browsers.

I am using Windows 7 for all of this work.

GoDaddy threw in a whole bunch of unwanted plugins when I let it set up my WordPress for me. Also I am using Customizr-pro theme. I wish I hadn’t taken the shortcut and had done my own WordPress install like I have done in the past.

• This reply was modified 7 years, 11 months ago by steve13565.
• This reply was modified 7 years, 11 months ago by steve13565.
• This reply was modified 7 years, 11 months ago by steve13565.
• This reply was modified 7 years, 11 months ago by steve13565.
• This reply was modified 7 years, 11 months ago by steve13565.
• This reply was modified 7 years, 11 months ago by steve13565.
• This reply was modified 7 years, 11 months ago by steve13565.
• This reply was modified 7 years, 11 months ago by steve13565.

Hello Steve,

It is a very strange issue indeed, and not about html rendering with OS/browser combination for sure like I wrote a long time ago.
Now it seems it’s about character encoding, to me.

I suggest you 2 things to solve this:

1) verify and make sure your wordpress files are encoded in utf-8 on a file level, eg on ftp
2) some plugins can really make everything fuss out in WP, so disable all them and check if it works with basic setup (aka a recent official free them like Twenty Fifteen and check if any errors caused by plugins or so).

I work with a client now whose site is almost wrecked because of many conflicts from an extension, conflicting with a theme.

Hope it helps,

The following is the top of the source ccode that Google Chrome sees. UTF-8 is mentioned embedded in some logic. It seems to me that Chrome ought to see it, but maybe ytou can tell if I am right about that or not.

<!DOCTYPE html>
<!–[if IE 7]>
<html class=”ie ie7″ lang=”en-US”>
<![endif]–>
<!–[if IE 8]>
<html class=”ie ie8″ lang=”en-US”>
<![endif]–>
<!–[if !(IE 7) | !(IE 8) ]><!–>
<html lang=”en-US”>
<!–<![endif]–>
<head>
<meta charset=”UTF-8″ />
<meta http-equiv=”X-UA-Compatible” content=”IE=9; IE=8; IE=7; IE=EDGE” />
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″ />
<link rel=”profile” href=”https://gmpg.org/xfn/11″ />
<link rel=”pingback” href=”https://justicefa.org/xmlrpc.php” />

<!– html5shiv for IE8 and less –>
<!–[if lt IE 9]>
<script src=”https://justicefa.org/wp-content/themes/customizr-pro/inc/assets/js/html5.js”></script>
<![endif]–>
<style id=”dyn-style-fonts” type=”text/css”>
/* Setting : body */

[Moderator note: code fixed. Please wrap code in the backtick character or use the code button.]

• This reply was modified 7 years, 11 months ago by bdbrown.
• This reply was modified 7 years, 11 months ago by bdbrown.

This does not seem to be going through. Let me see if the following line makes it past this editor:

meta charset=”UTF-8″ />

Let me see if this makes it past the editor.

«meta charset=”UTF-8″ />

OK, here is the source code that Google chrome sees on my home page. I have replaced the less than sign with angled quotes to show you what it almost looks like. The UTF-8 is embedded in the code. I don’t think the logic involving interrnet explorer prevent s Google Chrom from seeing the UTF-8 declaration. Correct me if I am wrong.

«!DOCTYPE html>
«!--[if IE 7]>
«html class="ie ie7" lang="en-US">
«![endif]-->
«!--[if IE 8]>
«html class="ie ie8" lang="en-US">
«![endif]-->
«!--[if !(IE 7) | !(IE 8)  ]>«!-->
«html lang="en-US">
«!--«![endif]-->
					«head>
				    «meta charset="UTF-8" />
				    «meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />
            				    «meta name="viewport" content="width=device-width, initial-scale=1.0" />
				    «link rel="profile"  />
				    «link rel="pingback"  />

				   «!-- html5shiv for IE8 and less  -->
				    «!--[if lt IE 9]>
				      «script src="https://justicefa.org/wp-content/themes/customizr-pro/inc/assets/js/html5.js">«/script>
				    «![endif]-->
				            «style id="dyn-style-fonts" type="text/css">
            /* Setting : body */

• This reply was modified 7 years, 11 months ago by steve13565.