Hi! So I have been making simple web pages for my Web Design class for the past month. I have only just begun, so all I have seen so far is some standard tags and some CSS. Anyways, my main problem with this page I have made is that I cannot change my background color. I tried putting the background-color:beige everywhere in my embedded CSS and I cannot manage to change the color. The ENTIRE background of the page needs to change color. Here is my code:
-----------------------------------------------------------------------------------------------------------------------------
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Pixal Home Page</title>
<style type="text/css">
body{
background:url(pback.jpg);
float:left;
}
div.bodymargin{
margin:auto;
margin-left:15%;
margin-right:1.5%;
}
hr{
border: none;
height: 2px;
background-color:red}
p.contact{
font-weight:bold;
font-size:8pt;
color:blue;
font-family:Arial, Helvetica, sans-serif;
text-align:center
}
</style>
</head>
<body>
<img src="dclist1.gif" style="float:left" alt="Sidebar" usemap="#dclist1">
<map name="dclist1">
<area shape="rect" coords="1,1,81,15" href="pixal.html" alt="Opens home page">
<area shape="rect" coords="23,50,64,62" href="dc100.html" alt="Opens DC100 Page">
<area shape="rect" coords="23,64,64,79" href="dc250.html" alt="Opens DC250 page">
<area shape="rect" coords="23,81,64,95" href="dc500.html" alt="Opens DC500 page">
</map>
<div class="bodymargin" style="text-align:center">
<img src="plogo.jpg" alt="Pixal Logo">
<!-- start page text -->
<p>Pixal is the industry leader in the field of digital equipment. Pixal's digital cameras have
won Best Buy of the Year awards from <i>Digital Imaging</i> for the past three years. In
addition, the DC100, Pixal's newest model for the home user, has won the the prestigious
Product of the Year award by <i>Digital Camera Magazine</i>.</p>
<p>All digital cameras come bundled with Pixal Photoware<sup>™</sup>, Pixal's award-winning
software.</p>
<!-- end page text -->
<hr>
<footer>
<p class="contact">
Pixal Inc. ·
400 Stewart Ave. ·
Westmount, Quebec H2T 4R1 ·
1 (800) 555-8761
</p>
</footer>
</div>
</body>
</html>
------------------------------------------------------------------------------------------------------------------------------
I have validated the HTML5 http://validator.w3.org/check as well as the CSS http://jigsaw.w3.org/css-validator/validator and they were both error free :( The page right now looks exactly how its supposed to be (just without the background color. Help much appreciated!
http://imageshack.us/a/img31/8717/m9ny.jpg
