I have a very simple webpage with four pictures that are places using . All are .jpg format. The first three are pictures that are my own, created from Lightroom. They don't show up as broken links on the site.
The fourth one is a picture that I just downloaded from the internet and uploaded it to my site using the exact same code as the other three and it shows up.
What is wrong?
Check your code your first. May be there some spelling mistake. Also check image path and image name as per real name.
Related
I worked on a Website locally and it works well. When i put it online, images won't show up.
My html file is in "folder" & images are situated in "folder/images".
When I made my website, I used this link to put images on my html code:
<img src="images/firstimage.png">
I understand the issue here is the path I used. I would like to know if there is a way to manage this without rewriting all links 1 per 1 on my html code ?
Sorry if for this noobish question this is my firsts hours of coding. Any documentation related would be appreciated.
Greetings
Use Ctrl+R (not in every html-editor, I often use that in IntelliJ) to replace the marked text with the newly entered text. So you can write "images/" (it will marked ALL text where it occurs) to overwrite ALL marked text with following: "folder/images/"
For more information look at this question
I have an image gallery composed of individual albums. All files and images are loaded to the site via single function which just loops through the files passed from the form via a standard html , so every file is loaded in the same way but just put in an appropriate folder.
The gallery was working fine until last night when 4 images loaded to one album would not display. This was traced to file permissions where the server suddenly assigned 600 rather than 644 (no permission assignments are made in the load function or anywhere else). Correcting the permissions resulted in the images displaying. However it was then found that a number of images in other albums were not displaying, whereas they had before. There were no issues with permissions.
Gallery page from Edge Chromium
So in the album page, the first album has a broken link and the second and third are OK, the forth is broken. The display is generated from a loop going through a table of the album metadata and picking up an image at random to display for each album. For the first two albums on the page the html from looking at the page source is,
<div >
<a href="media.php?mode=grid&album=18&activity_id=17">
<img src="media/A18-uke.JPG" width="210px" height="140px">
</a>
Altered Images - Cheryll Yeowell
</div>
<div >
<a href="media.php?mode=grid&album=17&activity_id=17">
<img src="media/A17-IMG_0322_edited-1a.jpg" width="210px" height="140px">
</a>
Chihuly at Kew - Liz Strange
</div>
If I look at the files in the media folder, both the image files are in there and from Filezilla I can view them, so the images are valid. The Filezilla folder listing shows both files the same as in the html above.
Filezilla listing of image files
The file names are the same as in the html above and both have permissions of 644; one is displaying and one not.
Out of interest I then looked at the page in Firefox and Chrome. None of the images displayed in those browsers.
Everything was working fine 3 days ago. No changes to scripts. Today, in Edge, some albums are fine, some only partially work, some not at all. Move to Chrome and Firefox and nothing now works. It's not involved html and, since it is all done in loops, every image is subject to the same code. One user has said that if there are some images showing and then the page is refreshed, all the image links display as broken, but I have not been able to replicate that.
I would welcome another set of eyes to either tell me what the silly mistake is or some inspiration as to what might be causing this apparent illogical behaviour.
Many thanks.
This is totally crazy - I am on my laptop and went to try the gallery on Edge, Firefox and Chrome and it all works perfectly. I haven't had any updates on close down over the past two days on my laptop or desktop and I've just checked the update logs and that doesn't show any. Since originally posting this I've had some more reports of problems from users. How can a facility be so apparently random in its working?
Just to make it more bizarre, today everything is back to normal. I haven't touched the code and all is back to how it should be. What would cause a set of image links to be broken (no other links on the site were broken to my knowledge) in a random fashion for 24 hours and then revert to being OK?
I got a little issue,
when I share my portfolio in Facebook or Linkdin I get a preview of the web as an image but with a wrong image(one of the images included in the code itself).
how can I fix that so that the preview image will be the the web image?
thanks
If you've already generated the image, I think you need to use this: developers.facebook.com/tools/debug to rescrap it and try and get FB to pull in the correct image.
There's a section, in the screenshot, that allows you to bulk clear FB caches if it's more than one URL you're having issues with, if it's just the one, the first tab should be what you need.
first time poster and html noob here.
For a few hours now ive been trying to use a background picture. I downloaded an image I wanted to use, and set about trying to code it.
No matter what I tried, the image would not display. However, when I tried one of the other images I was using, it displayed just fine.
I tried using just the first letter of the existing image, and the program immediately suggested the image in a dropdown, as well as several other images with names starting with the same letter. However when I tried to use the new images first letter, it did list options, but none of them were the image I had downloaded.
I tried renaming the image, but still no luck.
I havnt included any code just yet, since this seems to not be related to the code itself (Since other images display just fine). Has anyone run into something like this before? Extensive google searches did not yeild anything for me.
In case it matters, I am specifying the background image as part of the Body css.
Thanks in advance for any help.
Please check to ensure your preferred image is located in the same parent folder as your htlm.
As #Patrick Falvey says but if the picture is not in the same folder remeber to / before your file path :)
I have a question about Font Awesome. I'm working on a school project, using the codes from codrops Split Layout. Until this point, I have replaced the code's broken font types with "Font Awesome". On my local computer, I've managed to make it work. Here are pictures of how it looks in 2 frames.
This first picture is without hoving over anything. All objects are fine and visible:
In my second picture, it shows how it looks when I hover on any button:
These pictures are taken on my computer. Until I uploaded them, it was all good. Whenever I have uploaded my files to web, I've seen these two pictures. One with no hover ( http://tinypic.com/m/i6ijix/4 ) and with hover on ( http://tinypic.com/m/i6ijj6/4 ).
On second set of pictures there are some shapes that appeared after uploading the files to web host and when I hover on them, the buttons misplace but not on the first two pictures. Can anyone explain why is this happening?
I think the problem is based within the files, try to reupload them. What's your html markup?
I had this problem with Glyphs over 10 times, file uploader was corrupting them and I had to use other FTP client.