have strange situation i just moved my webpage to new hosting. I check everything and it was ok on my local pc. Webpage is working on firefox,chrome,ie without problem. Unfortunetly when moved to hotsting provider and check it for all 3 webbrowser only for firefox the carousel images are not shown - the carousel itself is showing up, i can even switch images which are empty. What can be wrong? On my local pc using firefox its showing up.
check if image name contains space or image extension is in upper case.
If you have image with ".JPG" extension and you call it by ".jpg" ( Notice change in Case) locally it may work but wont on server.
the problem was that every image i got was as below (look slash):
<img alt="" src="carousel\7.png">
and that was working for IE,chrome but not for fireofx (only local pc firefox)
when i chagned to that form every image:
<img alt="" src="carousel/7.png">
since that its working also firefox on hosting side.
Related
I have an issue with web I am developing HTML/CSS (only design), if I open it in firefox from my harddrive no pictures are displayed, there is a small icon instead like picture can not be loaded. If I rightclick on a icon and select open picture in new tab than picture is displayed on a new tab without issue.
But if I open webpage from my hardrive in IE, edge or chrome than all pictures are displayed directly on a page in a browser without issuel.
What can be wrong with mozilla or with page?
I tried all these recomended fixes: https://support.mozilla.org/en-US/kb/fix-problems-images-not-show.
this is picture URL: img src="D:/UserData/z003xner/Documents/My Web Sites/bubabikes/Images/30.1.2023.jpg" and i tried forward slash and bacward shash and nothing helps
Try to put the image inside the project folder for eg : {project_path}/images/1.jpg and call the image using the domain name in the project suppose the project domain is https://example.com call the image using
<img src="https://example.com/images/1.jpg" class="image" />
or if in localhost :
<img src="http://localhost/project-name/images/1.jpg" class="image" />
It’s hard to tell, but the issue may be the spaces in your file path — try replacing them in your html with %20 like this
my/file%20path%20has/spaces.jpg
You can look up “url encoding” for more information!
As of October 1, images that are hosted on our server, will NOT display in Chrome for any users when the image is trying to display in html. It works fine in all other browsers. If I paste the exact URL of the image file in the browser, the image works.
example:
This image displays fine here if I paste into my browser:
http://example.com/email/2020/09/file.jpg
But, when the image is included in an html page, the image does not display. i.e. in a webpage, the images show up as missing.
I've discovered that images from other servers work just fine. Why would one server work and another not. I'm trying to get an answer to our I.T. department to let them know if they need to update something on our servers to fix this issue, or if this is a Chrome issue that Google needs to fix?
Any ideas?
Thanks for your help.
I have a small five page website and have the images used across the website in the same folder, img. The website works fine offline and I upload everything with the same structure, however when I view the website on the server, certain images don't display for some reason.
For example, my logo and image slider photo's appear, but then images in the gallery are broken. They're all linked correctly, eg:
<img src="img/logo.png">
They're all name appropriately too, such as slider_1.png etc.
I'm not sure why some display fine whilst others don't, despite them all being in the same folder and being linked the same way in HTML.
Ok, the images are now working but for some reason the CSS isn't working correctly on my own server space, but works on my schools. I haven't played with any of the server settings etc.
Had the same problem and after reading half of Google saw that the new version of FileZilla changed the image extensions from .jpg to .JPG when uploaded to the we- problem solved.
You can change the code like this:
<img src="yourdomain.com/img/logo.png"=
I have a website that works correctly on my computer but when uploaded to the server there are several links that are no appearing. When I check these links through developer tools and it says 'Natural 1 X 1' when the image size is actually 192 X 122 pixels. The images are uploaded and appear on the server.Here is how the link looks:
<img src="img/ads/Christie_Lamb_WJO_Advertisement_TN.jpg"/>
I have other links with other folders that work fine, such as:
<img src="img/website_tn/Murray_Raine_Puppets_Website_TN.jpg">
and the offending website page online:
http://elementalarts.com.au/posters.html
Any help appreciated
This is probably because of adblock, avoid any folders with the name ad/advert when uploading images.
Tried to disable adblock on your page which solved the issue for me
Are you using Adblock or any other advertisement blocker?
Adblock sometimes blocks images that come from a folder called ads or others similar to that.
When i turn my Adblock off, i can see your images.
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.