New User
joined:Apr 12, 2011
posts: 2
votes: 0
Hey y'all,
Sorry if this has been answered somewhere else or if this is posted in the wrong place--I have been banging my head on my desk for about 3 hours now trying to figure this one out.
I'm running my website locally and testing it out in FF (and eventually other browsers) before I upload, and I've been trying to add an ID to my body tags so I can change the background image between different pages relatively easily. The problem is the BG won't appear at all. I tried adding height to my wrapper ("container") and attaching the BG there, just to see if I could get anything, and nothing there, either. I've checked the location of the image multiple times to no avail. Other images are showing up just fine. I'm truly at a loss. Here's some HTML stripped of all the useless bits:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="/Users/wchasecooper/webstyle.css" />
</head>
<body id="transpositions">
<div id="container">
And the CSS:
<style type="text/css">
/* page template */
body {
width: 900px;
}
#homepage {
background-image: url(../Downloads/homepagebg.jpg);
background-repeat: no-repeat;
}
#transpositions {
background-image: url(/Users/wchasecooper/Downloads/transpositionsbg.jpg);
background-repeat: no-repeat;
}
div#container {
position: relative;
width: 900px;
margin:0 auto;
display: inline-block;
}
Any help would be GREATLY appreciated! I feel like it's something really simple and my brain is just in a knot... I'm new to this, so please let me know if you need more information. Thanks!