I figured out that using background-image would solve my other problem. But now...I am having a problem with background-image! I want my site to be in the middle of the page, how do I go about doing so? 'background-position' didn't work, and I don't know what else to try. Any suggests will be appreciated. I've provided my code below:
stylesheet.css
Code:
body {
background-color: #383838;
font-family: arial;
font-size: 10px;
}
div.centered {
}
div#image1 {
background-image: url('images/image1.png');
display: block;
height: 75;
width: 777;
}
div#image2 {
background-image: url('images/image2.png');
display: block;
height: 166;
width: 777;
}
div#image3 {
background-image: url('images/image3.png');
background-repeat: no-repeat;
background-position: center;
display: block;
height: 9;
width: 777;
}
div#image4 {
background-image: url('images/image4.png');
background-repeat: no-repeat;
display: block;
height: 453;
width: 777;
}
div#image5 {
background-image: url('images/image5.png');
display: block;
height: 9;
width: 777;
}
div#image6 {
background-image: url('images/image6.png');
display: block;
height: 18;
width: 777;
}
div#image7 {
background-image: url('images/image7.png');
display: block;
height: 143;
width: 777;
}
index.html
Code:
<html>
<!-- #BEGIN# Head Information -->
<head>
<title>Neo Productions | UNDER CONSTRUCTION</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
</head>
<!-- #END# Head Information -->
<!-- #BEGIN# Body Information -->
<body>
<div class="centered" id="image1"></div>
<div class="centered" id="image2"></div>
<div class="centered" id="image3"></div>
<div class="centered" id="image4"></div>
<div class="centered" id="image5"></div>
<div class="centered" id="image6"></div>
<div class="centered" id="image7"></div>
</body>
<!-- #END# Body Information -->
</html>
- Neo