Hi. Could you please help. I can’t view my bg image in the bg style and my div’s bg image or the div at all for that matter.
Here is the HTML code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Silvia & Daniel's Wedding Website" />
<title>Silvia & Daniel's wedding</title>
<link href="css/main.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<!-- Site navigation menu -->
<div id="header">
</div>
<ul class="navbar">
<li><a href="index.html">Home page</a></li>
<li><a href="musings.html">Musings</a></li>
<li><a href="town.html">My town</a></li>
<li><a href="links.html">Links</a></li>
</ul>
<!-- Main content -->
<h1>Silvia und Daniel</h1>
<p>Still working on site!</p>
<p>It lacks images, but at least it has style.
And it has links, even if they don't go
anywhere...</p>
<p>There should be more here, but I don't know
what yet.</p>
</body>
</html>
Here is the CSS code:
body {
padding-left: 11em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: purple;
background: #FFFFCC url(/images/test.jpg) no-repeat center fixed;
}
#header {
background:#FFFFCC url(/images/header.jpg) no-repeat top;
padding: 2;
border: thin #CCCCCC;
}
ul.navbar {
list-style-type: none;
padding: 0;
margin: 0;
position: absolute;
top: 2em;
left: 1em;
width: 9em;
}
h1 {
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
}
ul.navbar li {
background: white;
margin: 0.5em 0;
padding: 0.3em;
border-right: 1em solid black;
}
ul.navbar a {
text-decoration: none;
}
ul.navbar a:link {
color: blue;
}
ul.navbar a:hover {
color: #b5420c;
text-decoration: none;
border-bottom: 2px dashed }