DH Templates

Help on my website? CSS not working?

So I made a website using a free CSS template from the interwebs. The CSS works fine while on my computer, it shows up nice and purty. But I uploaded the "stylesheet.css" along with ALL the pictures it needs, and also my website itself, onto my web hosting server. (which is also free) However, when I access my website online, only the background color works. None of the pictures like the nav bar or side trim pieces, etc. see? somethingelse.webhosting-for-free.com Help? (ps it shows on the hosting server that all the files are uploaded online, the thing just isnt USING the pictures on the page) duuuude u rock soooooo much!! thank u! i never would have guessed because its not my CSS/text file!

Public Comments

1. Did you put the images in the correct folder? I looked at the CSS and it's looking for images like.. ( images/bg01.jpg ), but when I enter in.. http://somethingelse.webhosting-for-free.com/images/bg01.jpg I do not see any image there, and in fact it looks like the /images/ directory is empty. You'll need to move your images into that directory and then they should be working. Alternatively, you could remove the "images/" from the images in the CSS, and that should work, since I assume from the Tiger image that is working, that the images are simply in the main folder, instead of down in the /images/ folder.
2. Your site did pass validation, so its not the site itself. You also might want to check and make sure that you have the exact name of your CSS file on there. You have it set as, <link href="style.css" rel="stylesheet" type="text/css" media="screen" /> if the "style.css" is the saved name of the file, then your okay, but if its name is "stylesheet.css" then that might be why. Do me a favor and upload your css file to this so I can take a look.
3. In the css, none of the navbar a elements has a background image specified. I have no idea what background image you'd be expecting there. For the bg'x' divs I can't imagine what you had in mind with the imbedded divs, one after the other, enclosing each other. (I didn't take the time to investigate the images themselves.) But if you want each image for each div to show up, then each div needs to have some space between it and the next div at the next level down. Thus if bg4 is inside of bg5 then give bg5 "padding: 5px;" and you'll see 5px of an image all around bg4. Okay? Weird setup you have there, pard.