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 :)
Related
I have an image on my computer that I'm trying to add to my HTML by using
img src="myheadshot.jpeg" (arrows included in VS Code), but nothing shows up. I've been able to add images from Google using the image address, but I can't seem to find a solution to the local image issue.
I'm just beginning my coding journey, so any help is much appreciated!
Make sure your code and image are saved in the same file or location on your computer. (e.g. The code and image are both saved on the desktop or in a file on the desktop.)
Also, maybe try this:
src="myheadshot.jpg"
Not really a difference, but it works for me!
First of all, I wish you success in this journey that you have just started.
For now, you can paste the image into your IDE and use the extension with the name there.enter code here
Example:
Let the name in the file be bg.jpg.
<img src="bg.jpg" >
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 tried lots of different ways and nothing is showing up, I never use Brackets environment and I'm facing this issue. I added my URL image background but it isn't showing up. Does anyone have an idea?
Maybe the url is wrong, you are in the folder image so you just have to write it like this :
background-image: liner-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6), url(sawirl.jpg))
I want to start by saying that I did not build said website. I was given FTP access to the site and can download it's entirety.
What we are interested in is replacing the images as they are rather outdated.
If I replace the images (naming them as the ones that exist as of right now), they update just fine.
But adding more does not. Lets say that files are numbered 1-6. If I replace those with the same name, they change. If I add 7.jpg, for example, it does not show in the gallery.
Do I need to update the CSS code or upload it again?
I can provide the code in turn.
Without further details it's hard to tell what the problem is, but it looks like either someone hard-coded CSS or hardcoded HTML. But I would really need to see the code.
Please try to copy/paste at least the code for file that should render the images.
Your gallery should contain new images' name.
if you upload 7.jpg, this one is not in your gallery I guess.
I think it will not matter if you update the CSS.
A priori, to clear any doubt if the images are in cache, I suggest you refresh the page by typing ctrl + R or open a tab in incognito mode.
I'm having an extremely hard time trying to figure out why my css file is not being called. So I have a file named Style.css which was working perfectly fine until recently when I tried to modify some of the code and nothing was changing. I genuinely don't have the slightest clue as to why because everything was working perfectly fine when I first made the file.
The picture below shows both of my css files. The reason I have 2 files is because I was testing to see if the path I was calling was correct. Which I think I am calling to correct path, but I'm not getting the right results.
Both css files
As you can see when I call Stylee.css note the extra 'e'. Everything displays correctly with a blue border.
Calling Stylee.css
Then I call Style.css and I don't get a blue border. The border is black which is what the border color used to be in my old file, but I changed it to blue.
Calling Style.css
I absolutely promise this is not photo shopped I genuinely don't know why my old file is being called. I was hoping maybe someone knew why this might be the case. I made sure to go into my folder options and unhide hidden files and folders. Nothing came up. I kept changing the color in Stylee.css and the border kept changing. The style for the hover does work if that helps knowing.
I am aware that I can easily stop calling Style.css and call Stylee.css to make everything work, but I really don't want to settle for that. I'm coding to learn and kind of want to learn why this is happening.
I'm sorry everyone. Doing ctrl + F5 twice fixed the problem.
Old CSS showing up?
Solved my problem.