Hey guys, I am a newbie and I can not seem to figure out why my css and xhtml code will not show my images. I am not sure what is going on. Both have been validated. My website is http://www.goodnewsportland.org and here is my css code:
body {
background : #ffff33;
}
div#menut {
text-align : center;
font-family : Verdana;
background : #99ffff;
height : 100px;
width : 80%;
margin-left: auto;
margin-right:auto;
}
div#menu {
clear : both;
height : 75px;
width : 80%;
background : #ff9900;
margin-left : auto;
margin-right : auto;
margin-bottom : 0;
}
div#all {
background : #ff9900;
margin-left : auto;
margin-right : auto;
width : 80%;
}
h1 {
padding : 30px;
font-size : 40px;
font-weight : bold;
}
div#menul {
background : #ff9900;
margin-left : 0;
float : left;
width : 20%;
font-family : Verdana;
font-size : 16px;
}
div#main {
background : #ffffcc;
margin-left : 20%;
width : 80%;
font-size : 12px;
font-family : Verdana;
margin-right : 10%;
margin-top : -27px;
height : 1000px;
}
h2 {
font-size : 30px;
font-weight : bold;
background : #ff9900;
text-align : center;
Here is my xhtml 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">
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type" />
<title>Good New Portland</title>
<link rel="stylesheet" href="good.css"
type="text/css" />
</head>
<body>
<img
style="width: 10%; height: 100px; float: left; z-index: 1000; margin-left: 10%;"
src="http://www.goodnewsportland.org/logo.jpg" alt="" />
<img
style="width: 10%; height: 100px; float: right; z-index: 1000; margin-right: 10%;"
alt="" src="http://www.goodnewsportland.org/logo.jpg" />
<div id="menut">
<h1>Good News Portland</h1>
</div>
<div id="menu">
<ul class="nav">
<li><a href="index.html"> Home</a> </li>
<li><a href="whatareebooks.html">Volunteer </a>
</li>
<li><a href="freeebooks.html">Top Ten Stories </a></li>
<li><a href="toptenebooks.html">About us</a></li>
</ul>
</div>
<div id="all">
<div id="menul">
<h2> Dates</h2>
</div>
<div id="main">
<p> this is a text</p>
</div>
<div id="footer">
<ul class="nav">
<li><a href="sitemap.html"> Site map</a> </li>
<li><a href="contactus.html"> Contact us</a></li>
<li><a href="links.html"> Links</a> </li>
<a href="http://jigsaw.w3.org/css-validator/"><img
style="border: 0pt none ; width: 88px; height: 31px;"
src="http://jigsaw.w3.org/css-validator/images/vcss"
alt="Valid CSS!" /> </a><a
href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0 Strict" style="border: medium none ;" /></a>
</ul>
</div>
</div>
</body>
</html>
Any help would be greatly appreciated.
thanks
Noah