Why is the background image not displayed? [URL=http://bokehman.com/family_tree/]Here’s a link to the page.
Missing image is [I]id=”tree”
[code=html]<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
<html lang=’en’>
<head>
<META HTTP-EQUIV=’Content-Type’ CONTENT=’text/html; charset=ISO-8859-1′>
<title>Family Tree</title>
<style type=”text/css”>
<!–
body {
margin: 0;
padding: 0;
font: medium arial, helvetica, sans-serif;
background-color: white;
color: black;
}
#tree {
text-align: center;
margin:0;
padding:0;
background:url(http://bokehman.com/family_tree/tree_bg.gif);
}
#tree ul {
list-style: none;
margin: 7px;
padding: 0;
clear: both;
}
#tree li {
float: left;
margin: 0 1px;
padding: 0;
}
#tree img{
padding: 0;
margin:0;
}
#tree p {
margin: 0 0 25px 0;
padding: 0;
}
–>
</style>
</head>
<body>
<div id=”tree”>
<ul>
<li>
<img src=”noggin1.jpg” alt=”Carmen”><p>Carmen</p>
<ul>
<li>
<img src=”noggin1.jpg” alt=”Carmen”><p>Carmen</p>
<ul>
<li>
<img src=”noggin1.jpg” alt=”cousin1″><p>Manolo</p>
</li>
<li>
<img src=”noggin1.jpg” alt=”cousin2″><p>Anabel</p>
</li>
<li>
<img src=”noggin1.jpg” alt=”cousin2″><p>Arancha</p>
</li>
</ul>
</li>
<li>
<img src=”noggin1.jpg” alt=”Valentin”><p>Valentin</p>
<ul>
<li>
<img src=”noggin1.jpg” alt=”Jaime”><p>Jaime</p>
</li>
<li>
<img src=”noggin1.jpg” alt=”Begoña”><p>Begoña</p>
</li>
</ul>
</li>
<li>
<img src=”noggin1.jpg” alt=”María Rosa”><p>María Rosa</p>
<ul>
<li>
<img src=”noggin1.jpg” alt=”María”><p>María</p>
</li>
<li>
<img src=”noggin1.jpg” alt=”Ismael”><p>Ismael</p>
</li>
<li>
<img src=”noggin1.jpg” alt=”Pablo”><p>Pablo</p>
</li>
</ul>
</li>
<li>
<img src=”noggin1.jpg” alt=”Merche”><p>Merche</p>
<ul>
<li>
<img src=”noggin1.jpg” alt=”Rocío”><p>Rocío</p>
</li>
</ul>
</li>
<li>
<img src=”noggin1.jpg” alt=”Olga”><p>Olga</p>
<ul>
<li>
<img src=”noggin1.jpg” alt=”Lucas”><p>Lucas</p>
</li>
<li>
<img src=”noggin1.jpg” alt=”Javier”><p>Javier</p>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div> <!– tree –>
</body>
</html>