Missing Images - Step by step URL Copy process

For some reason, when I am logged in under my account, I see my page fine. But with other browsers where I am not logged in, the images that I have uploaded are not to be seen.

(see attachment: Empty_firefox)
But in my chrome browser where I am logged in as the admin, I see the image (see attachment: Ad_visible)

 Currently this is how I am uploading my photos - please let me now if there is an easier way to do this (without a FTP client).

I go to my admin area with my hosting provider. I log into the "File Manager". Under the PUBLIC_HTML folder, and under the MEDIA FOLDER, I have created some folders in the IMAGE folder. I uploaded the image I wanted and placed it in the BANNERS folder. (see attached: FileTree_image)

When I am in that folder, I left click on it and view the image in the browser which gives me a URL for this image (see Attachment: URLCopy)

I copy that URL and then log into my site and utilize the page builder where I click on "INSERT/EDIT IMAGE". This is where I paste the URL for the image. (See attachment::ImageDialogBox)

Now I can see it when I am the admin (even when I am logged out while in chrome), but if I use a different browser, I can not see the image. 

Any suggestions?

Thanks,
Delaney 

When it is not being display; right click on where the image is suppose to be and see what shows.  You can also use inspect element (either built in or Firebug)  to see what the browser is seeing.

Im sorry, not sure where you were going with that.
When I am logged in, my browser can access that file tree, so it sees the image. With my other browsers when I am not logged in, for some reason it can not follow the URL code. When I  right click on it to view the code, if I copy it and put the URL in a blank browser, it takes me to the log in screen for my host provider.

So I am assuming I am inserting the picture URL incorrectly on the page.

After reading my description on how I am embedding a photo, does it look like I am doing it right?

Apparently I am suppose to upload the photos I want to use for my website to my host provider and place it in a folder. Where I run into problems is getting that URL image code onto my website so everyone can see it, just not me because I am some how logged in.

My site is: www.wsaat.org
On the right hand side you will see a big empty box under the site statistics box. Or do you see a Ad Place Holder??

I think you are viewing the Image's URL while you are logged into cPanel, and then copying that URL, which includes the Path to the Image while you are logged into cPanel only. Just right click on one of those "X's" and look at the Properties on the Image, the Path is invalid for anyone else that doesn't have access to your cPanel.

As stated, you probably are not using the correct path.  Your path will be for an image called banner.jpg under the banners folder:

http://your-domain.tld/media/image/banners/banner.jpg

 As Syclops and GG pointed out, the correct path for your welcome.jpg image should be

http://wsaat.org/media/images/jpg/Welcome.jpg

You cannot use what you posted.

https://madison.hostforweb.net:2083/cpsess272934178/viewer/home%2fwsaatorg%2fpublic_html%2fmedia%2fimages%2fjpg/Welcome.jpg

If you use this relative url, instead of whatever you're using now, it will work:

/media/images/banners/AdSPOT%231.png

Which brings up another point.  You should avoid using special characters like the hash symbol in image names, because  AdSPOT#1.png will,  become AdSPOT%231.png, because the server will encode the hash symbol into %23.   You can do it, but it makes ugly urls that are hard to read

It would be better to name this particular image AdSPOT_1.png  Then the relative image url looks like this:

/media/images/banners/AdSPOT_1.png

Any special characters in urls other than an underscore or a dash, will be encoded, making the url difficult to read.

Thank you all for your help - the support that you have provided has me on the right track now and I better understand how to add images (correctly) to the site. 

:-)