Why do some images called by HTML not appear?

DEVONthink
1

Hi,

I am trying to use a web-based viewer for pgn (chess) files in an HTML document in DEVONthink. The HTML code calls the viewer and displays a chess board in the document. Everything seems to work fine except that the chess pieces do not appear.

Screenpic 2023-12-17 at 08.46.16
Screenpic 2023-12-17 at 08.46.161300×906 114 KB

Would someone please help me understand why the pieces do not appear?

Here is the HTML code:

[Event "CCT Final Playoff 2023"]
[Site "Toronto CAN"]
[Date "2023.12.11"]
[Round "6.3"]
[White "Caruana,F"]
[Black "Nakamura,Hi"]
[Result "1-0"]
[WhiteElo "2794"]
[BlackElo "2788"]
[EventDate "2023.12.09"]
[ECO "B30"]
[PlyCount "103"]
[BlackFideId "2016192"]
[BlackTitle "GM"]
[Opening "Sicilian"]
[Variation "Nimzovich-Rossolimo attack (without ...d6)"]
[WhiteFideId "2020009"]
[WhiteTitle "GM"]

1.e4 c5 2.Nf3 Nc6 3.Bb5 d6 4.O-O Bd7 5.Re1 Nf6 6.c3 a6 7.Bf1 Bg4 8.h3 Bxf3
9.Qxf3 g6 10.d3 Bg7 11.Qd1 O-O 12.Nd2 b5 13.a3 a5 14.Nf3 b4 15.d4 Nd7 16.Be3
bxc3 17.bxc3 Qc7 18.Bb5 Rfc8 19.Rb1 a4 20.Bxa4 Nb6 21.Bb3 e6 22.Ng5 Nd8 23.Bf4
c4 24.Bc2 Rxa3 25.Qd2 Ra2 26.Nf3 e5 27.Be3 Nd7 28.Qd1 Ne6 29.Re2 Rca8 30.h4
R2a3 31.Qe1 Nf4 32.Bxf4 exf4 33.Qd2 Qa5 34.Qxf4 Qxc3 35.Qxd6 Nf8 36.e5 R8a6
37.Qd5 Ra1 38.Rxa1 Rxa1+ 39.Kh2 Ra5 40.Qe4 Qb4 41.d5 Qb8 42.g3 Ra7 43.Qxc4 Rc7
44.Qe4 Nd7 45.d6 Ra7 46.e6 Nf6 47.exf7+ Kf8 48.Qe6 Rxf7 49.Ng5 Rb7 50.Bb3 Bh8
51.Bd5 Ra7 52.Bc6 1-0

Could it be related to settings in DEVONthink? To privacy/security software that I have installed, perhaps because they prevent access to something needed? Could it be related to my CSS stylesheet?

Many thanks for any help.

Rick

2

Where did HTML document originate? That’s not the full markup of an HTML file.

3

You posted the PGN file of a chess game and its metadata. The file content looks fine.

In the source code of the HTML viewer, find an element for the image of any chess piece. If the image is encoded in base64, copy and paste the whole element into the source of a new HTML document. If it contains a URL pointing at an external asset, launch the URL.

If you can’t see the chess piece this way, it’s likely the images for chess pieces are corrupted.

1 Like