This is very easy for a human to miss, but to the computer, these are two different files. If you didn’t spot the difference in that example, look again. Sometimes you might type “cupcake.jpg” when the file is actually named “cupcake.jpeg” instead. You should also check the file extension. Little things like dashes instead of underscores (such as “featured-cupcake.jpg” versus “featured_cupcake.jpg”) can cause a broken image. Next, check to make sure the image is named exactly the way you have it typed in your code. Sometimes you can accidentally move things or delete things by mistake! Check the Filename and Extension If you’re writing a file path and you’re expecting there to be an image called “cupcake.jpg” inside of a folder called “img”, make sure that you actually open the img folder and see if the image is there or not. This might seem like a very basic step, but it’s actually a common mistake. The first thing to check is whether or not the image actually exists in the place that you think it should be. I’m sure you’re anxious, so let’s fix that broken image! Make Sure the Image Exists If you have a CSS file or some other file that’s not being included into the page properly, these troubleshooting steps might help fix those problems as well, because in either case you’re really just fixing how the two files are linked together. We’ll also briefly touch on file permissions. In this article we’ll go over more advanced file system concepts, including absolute and relative file paths.
#HOW TO FIX BROKEN LINKS ON GOOGLE CHROME CODE#
For example, the image might not exist, it might not be named properly, or the file path in the code might be incorrect.
An image could be broken for any number of reasons. It’s usually an icon that looks like a photograph or a piece of paper that’s been ripped in half.
In the Google Chrome web browser, the above picture shows what a broken image typically looks like on a web page.
#HOW TO FIX BROKEN LINKS ON GOOGLE CHROME HOW TO#
Learn how to fix a broken image on a website in this complete Treehouse guide. If you’re not familiar with file systems, you may want to read my previous article about working with files and folders before moving on. This can be caused by a couple of different problems, but fortunately, it’s easy to fix. If you’ve ever created a website using HTML and had an image not show up or a picture that you can’t see, you have what’s called a broken image.
0 kommentar(er)
