I am trying to create a simple html landing page using bootstrap.
When I open it using google chrome locally, everything is displaying fine.
However, when I upload the page to my hosting, the font suddenly starts displaying weird symbols for my language (see picture).
Do you know where the problem could be?
Related
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?
I am publishing some simple webpages (HTML, CSS, some JS) from my GitHub repository. When I display index.html in Chrome (55.0.2883.95, 64 bit) by clicking on the URL linked in this repository, the webpage is displayed, but as soon as I scroll down, the featured image disappears when it shouldn't.
The other working link is "Fees" at the top. Click on that, scroll up and down the page, and the featured image will similarly disappear.
I want to point out that I first published this repository/page in Nov. 2016 and the images all displayed fine. Recently I changed the domain name associated with the repo but normally wouldn't expect this to create issues. Also, when I simply zip and download the repo and open in Chrome locally, everything displays perfectly.
Lastly, this site works with CSS Grid so I have the appropriate flag enabled in Chrome. It's hard for me to understand why images suddenly don't display correctly using GitHub Pages!
EDIT Sorry if this question seems vague. Let me restate. Everything seems to initially load and display correctly in my browser. The issue seems to be triggered by merely scrolling down the page.
This code used to display correctly on GitHub Pages. I come back two months later and the same code doesn't work anymore. Image pathnames are all correct. It's evidently not a JS issue. Download the same code and it displays perfectly on localhost.
After reading this thread I realized that one of my extensions was causing the page to disappear on scrolling. Specifically, I disabled the Window Resizer extension and the problem was solved.
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?
I have an ASP.NET Webpages Razor syntax VB.NET Website.
I have recently added in the feature to upload images with great success.
However when viewing the image on the website any picture is upside-down!
The original files are of the correct orientation however upon viewing through the website using the <img> tags I get the issue.
I have one other static image in my site and this is not flipped. It is only the files that I upload. Even files downloaded from the internet and uploaded come out on the page as upside down!
So right now I am using:
<img src="/Docs/Events/1676/image1.JPG" height="400" width="400">
Using developer tools through chrome I can request the image directly. This shows the image correctly!
Any suggestions how I can fix this?
Thank you
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.