Images not showing

JayTeez
edited November -1 in Support Forums

I am having trouble getting my images to display. they appear just fine when using Brackets and Google Chrome but now I have uploaded here, nothing.
http://allpetsrescue08333115.ezyro.com/
Can anyone help? I am new to coding and making websites so any help would be greatly appreciated. Thanks

Comments

  • TheCrafters
    edited November -1

    @JayTeez said:
    I am having trouble getting my images to display. they appear just fine when using Brackets and Google Chrome but now I have uploaded here, nothing.
    http://allpetsrescue08333115.ezyro.com/
    Can anyone help? I am new to coding and making websites so any help would be greatly appreciated. Thanks

    I am looking at the code, and i see a directory Images, when i go there, the directory does not exist. They making a directory called Images, and move your files there. That should fix it

  • JayTeez
    edited November -1

    I have a file called images on Cyberduck which has all my images in it, I don't know how to do anything else with it??

  • TheCrafters
    edited November -1

    @JayTeez said:
    I have a file called images on Cyberduck which has all my images in it, I don't know how to do anything else with it??

    then you would have to do: <img class="center" src="<path to image include HTTP:// otherwise it wont work>" alt="Image missing" >
    like this:
    <img class="center" src="http://greenapplicationsofficial.html-5.me/logo.png" alt="Image missing" >
    Witch will make it look like this:

  • JayTeez
    edited November -1

    I tried deleting everything from Cyberduck and adding all my files again all i get is a directory listing on my page now. Can anyone help please? This is due on Monday so I need to get it fixed. It was all fine while I was using Brackets and checking files in Google Chrome, but as soon as I upload into Cyberduck and here it all disappears.

  • TheCrafters
    edited November -1

    @JayTeez said:
    I tried deleting everything from Cyberduck and adding all my files again all i get is a directory listing on my page now. Can anyone help please? This is due on Monday so I need to get it fixed. It was all fine while I was using Brackets and checking files in Google Chrome, but as soon as I upload into Cyberduck and here it all disappears.

    You need to move everything out of the "htdocs/APR index/ " folder and move it to just the "htdocs/ " folder. This way it shows the images, and removes the directory listing, and replaces it with your page.

  • JayTeez
    edited November -1

    @TheCrafters said:

    @JayTeez said:
    I tried deleting everything from Cyberduck and adding all my files again all i get is a directory listing on my page now. Can anyone help please? This is due on Monday so I need to get it fixed. It was all fine while I was using Brackets and checking files in Google Chrome, but as soon as I upload into Cyberduck and here it all disappears.

    You need to move everything out of the "htdocs/APR index/ " folder and move it to just the "htdocs/ " folder. This way it shows the images, and removes the directory listing, and replaces it with your page.

    @TheCrafters How do I move them out of the APR Index folder? On cyberduck? Thanks for your help, its greatly appreciated.

  • JayTeez
    edited November -1

    @badbot said:
    First no spaces in directory names, "APR index" folder should be APRindex. Second watch out for upper and lower case, (directory name "aprindex"). This:

    <img src="Images/All%20Pets%20Banner.jpeg" width="600" height="400" alt="Group of different animals" />

    Should be:

    <img src="/Images/AllPetsBanner.jpeg" width="600" height="400" alt="Group of different animals" />

    this image is corrupted "allpetsbanner.jpeg" and deleted from you webspace!!

    to make it easier:

    <img src="/images/homepage_banner.jpg" width="600" height="400" alt="image missing" title="Pirated from All Pet!" />

    All files and folders should be in the /htdocs directory. Images should be in the "/htdocs/images/" directory. Or what ever you want to name it. /htdocs/images/dogs/file.jpg or /htdocs/images/cats/file.png.

    http://allpetsrescue08333115.ezyro.com/APR index/Images/homepage_banner.jpg

    Thanks @badbot, thats a big help.