GitHub Community
The profile image; odd extra coding #22702
-
|
The profile image in my beginners website is not showing. I use the inspect element to look at the code and something odd is happening. If you look at the code there is this extra code that i think is breaking the link “::before”. I think this is what’s causing the problem but i can’t fix it on my end. Could you please lend me a hand with this. Best regards |
Beta Was this translation helpful? Give feedback.
Replies: 2 comments
-
|
Hello @EAMorillon, welcome to the GitHub Support Community! It appears to be capitalization issue. Your images reside in the Images folder (uppercase i), however, you’re referencing the images folder (lowercase i) which does not exist in your repo. The directory and file names are case-sensitive on GitHub’s servers, so the issue can be fixed in two ways:
If you’re using Windows 10 @tajmone posted a solution for enabling case-sensitive behavior for files/folders, which you may want to check out. This way you can simulate how files/folders on GitHub’s servers work, and catch issues like these before pushing your changes to GitHub. Hi @Mandrake-ux and welcome on board! @sethclydesdale is right, GH servers being Linux based have a case-sensitive file system. Since you didn’t spot the problem locally, I’m assuming you’re working under Windows OS. With Windows 10 you can now enable case-sensitive behavior on a per-directory basis, which is always a good solution when working with cross-platform projects on GitHub: The ::before you saw is a CSS pseudo-element and shouldn’t interfere with external resources. I’m assuming it’s simply added by your devtools, because Chrome’s (on my end) does not display it. |
Beta Was this translation helpful? Give feedback.
-
|
Nice. I’ll make the change. I appreciate the help. |
Beta Was this translation helpful? Give feedback.
Hello @EAMorillon, welcome to the GitHub Support Community!
It appears to be capitalization issue. Your images reside in the Images folder (uppercase i), however, you’re referencing the images folder (lowercase i) which does not exist in your repo. The directory and file names are case-sensitive on GitHub’s servers, so the issue can be fixed in two ways:
If you’re using Windows 10 @tajmone posted a solution for enabling case-sensitive behavior for files/folders, which you may want to check out. This way you can simulate how files/folders on GitHub’s servers work, and catch issues like these…