| Background image not loading
Browser isn't displaying my background image |
wchasecooper2
msg:4296351 | 7:28 pm on Apr 12, 2011 (gmt 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!
|
bunltd
msg:4296434 | 9:14 pm on Apr 12, 2011 (gmt 0) |
Try the full path to the image instead of ../Downloads...
|
wchasecooper2
msg:4296441 | 9:30 pm on Apr 12, 2011 (gmt 0) |
D'oh. Yep, that was it. But now the "transpositions" one is curiously not appearing...
Thank you for taking the time to answer my stupid question!
|
|
|
