Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:
I am trying to add a background image to the body and it doesn’t show up.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en-US">
<link rel="stylesheet" type="text/css" href="C:/html-stuff/styles.css">
  <head>
    <title>Coding Survey Form</title>
    <meta charset="UTF-8">
  </head>
  <body>
    <h1>Coding Form</h1>
    <p>Please fill out the questions below</p>
  </body>


</html>

/* file: styles.css */
body {
  background-image: url('C:\html-stuff\images\guycoding.jpg');
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

Hello and welcome to the community :smiley:!

Change your ‘href’ attribute to:
href=“styles.scc”.

1 Like
3

I just tried that and it still did not work

4

I think that your image has to be hosted on the server. Try changing your image link to something online.
I might be wrong about this though.

1 Like
5

OH I just tried using a different image link online and that worked. It is zoomed in a lot though, but I think I can fix that. Thank you so much for the help!

2 Likes
6

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