I manage a website for a school magazine and I have been doing some work on it, however I have noticed that suddenly some of the images are not loading and giving error 404 messages when just a day ago it was working fine. I thought it might just be my web browser (chrome) and so I tried changing the browser and used edge and while some of the pictures loaded when they did not before some other ones now did not load.
The website is hosted on AWS using elastic beanstalk and S3. Here is a link to the website: Ink Magazine
Here are some pictures of the problems I am getting:
Ink Featured Missing Image
Any insight into why this is happening would be greatly appriciated, I have checked and the images are still on the S3 server and can be downloaded and opened fine, plus the same images still work when the article is opened.
Thanks
Your image URLs look weird to me. For example this:
http://inkstudents.co.uk/image/pictureThumbnail-photos-from-the-royal-visit.png/true/x2016-06-19T20,3A13,3A49Z.pagespeed.ic.EdDYAbdtI_.webp
If I remove everything after the .png then the image loads, like this:
http://inkstudents.co.uk/image/pictureThumbnail-photos-from-the-royal-visit.png
It looks like you may have tried adding Google PageSpeed to your site, but it isn't configured properly?
Related
I want to show some images from another websites in my website. This is the code:
<img src="https://www.alaedin.travel/Files/Original/Hotels/mashhad/aban/Alaedin-Travel-Agency-Mashhad-Aban-Hotel-Facade-1.jpg">
Images arent shown in Chrome. But I can see them in FireFox.
whats the problem?
The issue is with chrome being stuck in redirection as you can see in the logs:
I am not sure why is that behavior. I suggest that you store these pictures in a static folder as a temporary solution if you can, or try using fetch requests while enabling CORS.
so I have created a webpage using html and css called https://www.printt.us. When I run the code before I publish it, it looks fine. However, when I publish it, it is completely deformed. This is not a local issue because it affects a lot of other people that have viewed my webpage too. Does anyone know a fix for this?
So after making a website using VScode (Probably not important) and uploading it to GitHub Pages, the website looked great! It was doing fine on windows and on my phone, everything was looking good.
Then, after checking it on my Mac with Safari (Not sure which would be the issue but I presume Safari) the css seemed to be a little weird and the page layout was all over the place.
After checking the console I am getting the following error
Failed to load resource: the server responded with a status of 404 ()
This is my styles.min.css file so I presume this is the issue.
Checking the console on windows doesn't bring around any errors which leads me to believe that this is the error...
Does anyone have any idea what could be causing this?
I'll post some pictures of what is happening to the items within my website.
Since people want the code, hopefully posting the website so you can inspect it will be fine? There's a lot of code and I'm not sure where to upload it.
https://manakura.github.io
EDIT 1: After checking out the code in the console, it seems like it has something to do with the width of the text? Because if I change the class from >col-md-4 to >col-md-3 which has less width the page is fixed.
Though I'm not sure how to fix this with col-md-4 or if I will have to enter some kind of media query?
Website working in Chrome on MacOS
Your problem is that there is no file actually named styles.min.css in the Github repo. You need to create a file first.
Hi I'm kinda stuck on idea's to try to solve my problem since I don't have much experience concerning caches.
I'm currently working on this site of a business partner of me.
I got his host, username and password so I'm litterary working as him using Filezilla.
I downloaded the entire site content from filezilla into a desktopfolder.
I made a copy of it to work in and from there I made some changes in the .html and .css files.
In offline mode, everythings works perfectly as I want it.
Then I deleted the the sitecontent in Filezilla and replaced it with my changes.
Now the weird parts happen.
When I open the site online without www. prefix it works great
when I open the site online with www. prefix I can't see the images that are
placed within div's that purely concern the image
When a pc opened the site in the first 3 houres it was online, the div's don't
work
Also later on that specific pc can't make the div's to work
Pc's that opened the site only after these 3 houres have no problem at all
I've tried replacing the stylesheet and wait a couple hours, but caches seem to be made. and the result stays the same.
However this is no problem for the avarage customer since for them the site works, you can see what a hell this may be for me as developer and the owner, who offcourse opened the site right after I put it online.
Any suggestions might be usefull.
In most of the browsers you can use F12 shortcut to see the developer tools. In Network tab you can see all files that are currently being loaded. You can see there if the file is being loaded from the server or from the local machine.
By pressing CTRL+F5 (in Chrome and think in Firefox too) you are forcing cache to refresh.
If the PC is still loading in a cached version of the site, you can refresh the page and delete the cache by holding Control + F5.
Seems like I found the source of the problem.
I was using the css from a bought template which has some coding that malfunctions when ftp-uploading using ASCII
Uploading Binary solves the problem
The reason the did work on some computers was that they had the old css still cached. which was earlyer uploaded in binary instead of the same css files i uploaded in ASCII.
Hi i'm building a website with wordpress
its only a splash page for now.
the website is http://www.polymathco.com
im on a desktop mac and it displays fine, on my laptop it displays fine.
but on my iphone and ipad the css doesnt load. (it did a few days ago)
ive tried adobe browserlab and in all tests the css doesnt load.
i tried opening via a proxy site -snip- on my imac and the css doesnt load.
ive cleared my cache and cookies and it looks fine on my imac and mbp. could this be something to do with the .htaccess on the server?
the css url is generated by wordpress , (bloginfo(template_url)) and it loads fine in my desktop.
Your site seems to be looking for the css file in /polymathco/wordpress/wp-content/themes/polymath/css/style.css
When it actually appears to be in /wordpress/wp-content/themes/polymath/css/style.css
Use bloginfo('stylesheet_url') for the css file, and check your admin panel settings(under general) to make sure your site's path is set correctly.
In your admin panel, click Settings, and in General, make sure the 'WordPress address (URL)' and 'Site address (URL)' are set to your actual site, rather than localhost.