h1 Dasmoto’s Arts & Crafts h1

h1 {
background-image: “resources\css\images\image1.jpeg” ;
text-align: center;
font-size: 100px;
color: khaki;
I am trying to create the banner that is shown in the link above. I copied the images from the internet and created relative paths. Image1 will not show up on my web page if I try to produce it from my CSS file. If I paste Image1 into my HTML file then I get that image on to my web page, but I don’t know how to get “Dasmoto’s Arts & Crafts” into the image. I inspected the actual webpage and if I copy the url of the image into my CSS then the image does show up on my webpage, but I don’t want to cheat.

  1. How do I get the text into the image? 2. Why does the image not show up on my webpage from the CSS file? Thank you

background-image: “resources\css\images\image1.jpeg” ; where is this file saved?

you might need to write ".\resources\css\images\image1.jpeg" or whatever to get to the correct directory.

The file is saved here.

This background image DOES show up on my webpage when I run it from my html file.
h1>Dasmoto’s Arts & Crafts</h1
<img src=“resources\css\images\image1.jpeg” alt=""

So now I have “Dasmotos Arts and Crafts” and the background image on my web page.
1) How do I get the text into my background image?

  1. When I look at the Solution provided for this Project, they use CSS to get the background image onto the webpage:
    h1 { background-image: url(“”);
    I can do this also, but this doesnt teach me how to get the text into that background-image, or how to size the background-image… its just copy and paste the link into your CSS and its done for you.

Why cant I use my local image “resources\css\images\image1.jpeg” from my CSS file to produce the background image on my webpage. I can only use the file to produce the background-image from my html file. Thank You

Try looking here for ideas and references of getting the local file:
and here:

In terms of getting text into your background image what do you mean?