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

New Here ,
Feb 02, 2021 Feb 02, 2021

Copy link to clipboard

Copied

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.

Views

88

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Feb 02, 2021 Feb 02, 2021

Copy link to clipboard

Copied

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

Wappler, the only real Dreamweaver alternative.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Feb 02, 2021 Feb 02, 2021

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Feb 02, 2021 Feb 02, 2021

Copy link to clipboard

Copied

LATEST

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/

 

Nancy O'Shea, Adobe Product User & Community Professional
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines