Images won't load in safari unless screen refreshed. No problem in chrome!

[Matt5FDA]

Website made in dreamweaver and all works fine when using chrome or firefox browsers. When using safari, however, images never load unless the page is refreshed twice or the screen size is reduced down to mobile or tablet view, then the images appear fine. 

I am new to coding and at a complete loss. One recommendation was to add a timespan to the images? No idea how this would help though. I have cleared cache, still the same. Tried on three devices with safari, all the same response (worked fine with chrome on all three devices).

This is how the images are embedded.

<p1><img src="images/ASPhysical/energetics/calorimetry2.png" width="500" height="251" alt="using specific heat capacity to find energy change"/></p1>

All works fine on Chrome and Firefox when tested. Any help would be greatly appreciated!

Many Thanks.

[BenPleysier]

<p1> is not a legitimate HTML tag. remove the 1 so that each tag looks like <p> and </p>

[Jon Fritz]

Run your page through the validator at http://validator.w3.org/nu to get a listing of your other errors.

It's possible Safari is just having a harder time than the better browsers at guessing what you meant when it runs into html problems.

You can also post a link to your work in progress if you'd like more specific answers about your code.

[Nancy OShea]

Safari isn't my favorite browser for many reasons but sometimes it can't be avoided.

98% of browser rendering problems are caused by code errors.  While it's impossible to test on every known browser, version and device, it's easy to check your code.  So check it often during development.  Fix reported errors immediately before problems appear.

In DW, go to Window > Results > Validation. Click triangle to check document.

Or use the online Validation Services below:

CSS - https://jigsaw.w3.org/css-validator/

HTML - https://validator.w3.org/