IanT
22 Aug 2009, 05:48 PM
Hello! I have my site:
Baybreezebodyworks.com, (view source if you want...) and I have a CSS template I have been editing to my own specs. My problem is that My background is not showing up in my web page when i open it in my browser.
The background image is named "Img1.jgp
and the CSS sheet:
called "default.css":
body {
margin: 0;
padding: 0;
background: url('Http://www.baybreezebodyworks.com/public_html/Img1.jpg') repeat-x;
font: normal small Arial, Helvetica, sans-serif;
color: #666666;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
padding-top: 0;
font-family: "Arial Black", Arial, Helvetica, sans-serif;
font-weight: normal;
}
h2 {
font-size: 1.6em;
}
h3 {
font-size: 1.2em;
}
h4 {
margin: 0;
font-size: 1em;
}
p, ul {
margin-top: 0;
}
a:link {
color: #4B689A;
}
a:hover {
text-decoration: none;
}
/* Header */
#header {
width: 600px;
height: 100px;
margin: 0 auto;
padding: 0 20px;
background: url('infinitehorizon/infinitehorizon/infinitehorizon/images/img2.jpg');
}
#header * {
margin: 0;
text-decoration: none;
text-transform: uppercase;
Color: #FFFFFF
}
#header h1 {
float: left;
padding: 65px 0 0 0;
font-size: xx-large;
}
#header h2 {
float: right;
padding: 86px 0 0 0;
font-size: small;
}
/* Menu */
#menu {
width: 580px;
height: 20px;
margin: 0 auto;
padding: .5em 0;
background: #EBEEF2;
border: 10px solid #FFFFFF;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu li {
display: inline;
}
#menu a {
display: block;
float: left;
width: 116px;
text-decoration: none;
text-align: center;
font: bold small "Arial Black", Arial, Helvetica, sans-serif;
}
/* Content */
#content {
width: 600px;
margin: 0 auto;
background: #FFFFFF url('infinitehorizon/infinitehorizon/infinitehorizon/images/img3.gif');
}
#colOne {
float: right;
width: 350px;
padding: 10px 20px 0 0;
}
#colTwo {
float: left;
width: 180px;
padding: 10px 0 0 20px;
}
/* Footer */
#footer {
width: 580px;
margin: 0 auto;
padding: .5em 0;
background: #EBEEF2;
border: 10px solid #FFFFFF;
}
#footer p {
margin: 0;
text-align: center;
font-size: smaller;
}
If anyone can help me with this I'd much appreciate it!!!!!!
And how do i get it to show up on my site on every page??
If someone could help me id be forever indebted to you :)
Baybreezebodyworks.com, (view source if you want...) and I have a CSS template I have been editing to my own specs. My problem is that My background is not showing up in my web page when i open it in my browser.
The background image is named "Img1.jgp
and the CSS sheet:
called "default.css":
body {
margin: 0;
padding: 0;
background: url('Http://www.baybreezebodyworks.com/public_html/Img1.jpg') repeat-x;
font: normal small Arial, Helvetica, sans-serif;
color: #666666;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
padding-top: 0;
font-family: "Arial Black", Arial, Helvetica, sans-serif;
font-weight: normal;
}
h2 {
font-size: 1.6em;
}
h3 {
font-size: 1.2em;
}
h4 {
margin: 0;
font-size: 1em;
}
p, ul {
margin-top: 0;
}
a:link {
color: #4B689A;
}
a:hover {
text-decoration: none;
}
/* Header */
#header {
width: 600px;
height: 100px;
margin: 0 auto;
padding: 0 20px;
background: url('infinitehorizon/infinitehorizon/infinitehorizon/images/img2.jpg');
}
#header * {
margin: 0;
text-decoration: none;
text-transform: uppercase;
Color: #FFFFFF
}
#header h1 {
float: left;
padding: 65px 0 0 0;
font-size: xx-large;
}
#header h2 {
float: right;
padding: 86px 0 0 0;
font-size: small;
}
/* Menu */
#menu {
width: 580px;
height: 20px;
margin: 0 auto;
padding: .5em 0;
background: #EBEEF2;
border: 10px solid #FFFFFF;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu li {
display: inline;
}
#menu a {
display: block;
float: left;
width: 116px;
text-decoration: none;
text-align: center;
font: bold small "Arial Black", Arial, Helvetica, sans-serif;
}
/* Content */
#content {
width: 600px;
margin: 0 auto;
background: #FFFFFF url('infinitehorizon/infinitehorizon/infinitehorizon/images/img3.gif');
}
#colOne {
float: right;
width: 350px;
padding: 10px 20px 0 0;
}
#colTwo {
float: left;
width: 180px;
padding: 10px 0 0 20px;
}
/* Footer */
#footer {
width: 580px;
margin: 0 auto;
padding: .5em 0;
background: #EBEEF2;
border: 10px solid #FFFFFF;
}
#footer p {
margin: 0;
text-align: center;
font-size: smaller;
}
If anyone can help me with this I'd much appreciate it!!!!!!
And how do i get it to show up on my site on every page??
If someone could help me id be forever indebted to you :)