This is frustrating. I am messing around learning HTML and CSS and can not get the background image to work. I have made a folder on my desktop called “test”. created an index.html and style.css and put those in the folder accompanied by a background image from google. its is 1920×1200. These are all in the same test folder.
I have tried adding .jpg at the end but still no luck.
Here is my HTML and CSS code, both created with notepad++.
Please help!
What am i doing wrong?
///HTML CODE///
<!DOCTYPE html>
<html>
<head>
<title>JDM</title>
<link href=”style.css” rel=”stylesheet” type=”text/css”>
</head>
<body>
HELP!
</body>
</html>
and my ///CSS code///
/* [url]http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}s
body {
background-image:url(“background”); <——— have also tried (“background.jpg”)———->
background-repeat:no-repeat;
background-attachment:fixed;
background-size:cover;
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: ”;
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
table
{
border-spacing: 5px;
}
#text
{
color:green;
Thank you for your help. I really am stuck!
-JD