- Impact
- 5
Anyone who can help me figure this out, I will pay them 200 NP (or US $5 w/paypal).
I've created the index page of a website using a CSS Style Sheet. The page when it's in HTML looks fine but when I put it into a PHP page, it does not look fine. When on a PHP page, there's a blank space at the top and some of the content looks odd, and some text doesn't seem to be formatted properly, almost as if the CSS page isn't being called upon properly when the page is in PHP.
Here is the page in HTML
http://www.mybiblegames.com/index.html
Here is the page in PHP
http://www.mybiblegames.com/index.php
Here is the code behind the CSS file
I've created the index page of a website using a CSS Style Sheet. The page when it's in HTML looks fine but when I put it into a PHP page, it does not look fine. When on a PHP page, there's a blank space at the top and some of the content looks odd, and some text doesn't seem to be formatted properly, almost as if the CSS page isn't being called upon properly when the page is in PHP.
Here is the page in HTML
http://www.mybiblegames.com/index.html
Here is the page in PHP
http://www.mybiblegames.com/index.php
Here is the code behind the CSS file
Code:
@charset "utf-8";
/* CSS Document */
body{
background-image:url('images/background.png');
background-position:center;
background-attachment:fixed;
text-align:center;
background-position:bottom;
vertical-align:top;
border:none;
border-width:0;
margin:0;
padding:0;
margin-top:0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
.siteFrame{
border:none;
border-width:0;
width:764px;
margin:0;
padding:0;
text-align:left;
margin-top:0;
margin-left:0;
margin-right:0;
background-image:url('images/header.jpg');
background-position:top;
background-repeat:no-repeat;
background-color:white;
}
/* Links */
a{
color:#b0a310;
font-weight:bold;
text-decoration:underline;
}
a:hover{
color:#7e896e;
text-decoration:overline underline;
}
a:active{
color:#426ae1;
text-decoration:none;
}
a:visited{
color:#897f0c;
}
/* Formated Text */
.contentSmallTitle{
font-size:12px;
font-weight:bold;
color:white;
}
/* A content Box that fills the entire page horizontally */
.contentBox{
background-image:url('images/contentBorder.png');
width:754px;
}
.contentBoxInside{
background-color:white;
width:740px;
text-align:left;
padding:4px;
}
.contentBoxShadow{
width:754px;
height:8px;
background-image:url('images/contentBorderShadowBottom.gif');
background-repeat:repeat-x;
}
.bibleVerse{
font-family:"Times New Roman", Times, serif;
font-size:14px;
text-align:center;
}
/* A divided Content Box */
.divContentBox{
width:764px;
}
.divLeftBox{
margin: 0 0 0 5px;
float:left;
}
.divLeftBoxBorder{
background-image:url('images/contentBorder.png');
width:374px;
}
.divLeftBoxInside{
background-color:white;
width:360px;
height:262px;
text-align:left;
padding:4px;
}
.divLeftBoxShadow{
width:374px;
height:8px;
background-image:url('images/contentBorderShadowBottom.gif');
background-repeat:repeat-x;
}
.divRightBox{
margin: 0 0 0 381px;
}
.divRightBoxBorder{
background-image:url('images/contentBorder.png');
background-position:right; width:374px;
}
.divRightBoxInsideNonPadded{
background-color:white;
width:368px;
text-align:left;
}
.divRightBoxShadow{
width:374px;
height:8px;
background-image:url('images/contentBorderShadowBottom.gif');
background-repeat:repeat-x;
}
/* Footer Related */
.footer{
background-position:bottom;
width:764px;
background-image:url('images/footerBackground.gif');
background-repeat:repeat-x;
height:38px;
color:#cccbe7;
font-size:12px;
vertical-align:bottom;
line-height:1;
}
a.footerLinks{
color:#e0ddc0;
font-weight:bold;
text-decoration:none;
}
a:hover.footerLinks{
color:#c0c2e0;
text-decoration:none;
}
