Dasmoto's Arts & Crafts: Background image problem... again

Dear community. I am having a problem with my Dasmoto project, and I noticed that people had similar problems before. However, after analyzing and implementing their solutions, they simply didnt work on mine. So the problem is that my background image does not appear for some reasons. Could someone please take a look and say what I am doing wrong? Thank you in advance <3.
HTML

CSS
h1 {
background-image: url(“/resources/limages/pattern.jpeg”);
height: 100%;
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 100px;
font-weight: bold;
color: khaki;
text-align: center;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 32px;
font-weight: bold;
color: white;
}
.brushes h2 {
background-color: mediumspringgreen;
}
.frames h2 {
background-color: lightcoral;
}
.paint h2 {
background-color: skyblue;
}
span {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: blue;
}

P.S. I work on Mac, and my path to the image file should also be okay. For some reason, the external link works perfectly… Also, if you have any comments on my semantics and code structure, I would be grateful to receive any feedback.

Hi, there!

Revising my response…

So, what you have is absolute pathing and technically should work. As can be seen in my example:
image

image
(Which works with or without the " ")

Have you attempted using relative pathing?

.me {
  background-image: url(../images/Selg.JPG);
1 Like

Dear genius,
It worked!!! Thank you, but I am just curious why my method didn’t work even though technically it is also correct! Anyway, have a wonderful day/ week/ decade!

Was this just an issue on your local device? (I can see that you’re using VSCode) Or were you attempting to host it on a site like GitHub?

Nope, everything was on my local device, i wasnt hosting it anywhere.

This topic was automatically closed 41 days after the last reply. New replies are no longer allowed.