Skip to main content
Participant
Feb 2, 2021 12:15 PM UTC
Question

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

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 is closed to new replies. Start a new post to keep the conversation going.

    3 replies

    Nancy OShea
    Community Expert
    Community Expert
    Feb 2, 2021 8:19 PM UTC

    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/

     

    Translate
    Nancy O'Shea— Product User & Community Expert
    Jon Fritz
    Community Expert
    Community Expert
    Feb 2, 2021 1:25 PM UTC

    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.

    Translate
    BenPleysier
    Community Expert
    Community Expert
    Feb 2, 2021 12:54 PM UTC

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

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