Skip to main content
Participant
February 2, 2021
Question

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

  • February 2, 2021
  • 3 replies
  • 293 views

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.

    This topic has been closed for replies.

    3 replies

    Nancy OShea
    Community Expert
    Community Expert
    February 2, 2021

    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— Product User & Community Expert
    Jon Fritz
    Community Expert
    Community Expert
    February 2, 2021

    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.

    BenPleysier
    Community Expert
    Community Expert
    February 2, 2021

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

    Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!