Kadigan

I hadn't considered that - thanks for mentioning it. I'll probably go with fixed width or max-width. And thanks for the note on the include, Stefan! But does anyone know of a solution to the background problem?

Yay! Thanks so much! Now it's just the "middle" background image that has me confused. One thing, though: if I wanted the list images to expand and contract along with the size of the browser window, rather than being fixed in place, would the width: 100% under #navigation ul take care of that so long as I hadn't specified a fixed #wrapper width? Happy Easter, everyone!

As far as I can tell, that doesn't work.

Yay, it worked! Only now I have to have text on top of the image, or the image disappears... :/ It also appears to be cutting off the bottom of the image, which can be seen when hovering over an image.

I re-uploaded the files to the same address, it should work now.

I've tried to add the background images in the navigation, but they all appear on top of each other in every field - and I don't know how to make them links if I take away the text in the html. Do I need to make a separate navigation div for each image? Sorry I'm so bad at this.

Thank you very much for helping me out! I think I understand what you've done. It's very helpful to have an example to see how it should be done. The background seems a bit tricky! Is it possible to limit it to the area between the top image and the bottom image? Or maybe just use the background image that's 2 colors between them? Would it still expand to fill the area without having to worry about what div the text was in? I would still like to see how you switch out images in the navigation if possible, since I have other sites where the navigation is an image rather than text. Or maybe it is better to use a table right there, since if the image doesn't load the alt text appears?

No, I didn't change anything. The site is still appearing for me with all pictures, though it takes a while to load them. If you spelled any part of the name of the site with capital letters, you might get that error, though - or if you forgot to add zeitgeist to the end of 2ndcycle.com.

Wow, thank you for taking the time to do this! I think I will learn a lot by seeing how you tackle the design. Is it all right if I ask you if I have any questions about anything specific that you do?

Oh, I see. Thank you for your help! I've erased all the tables except the table I want for my content. I almost have the background working now, but instead of the stretchy part (tiling image that continues for as long as there is text in the div) beginning below my middle image, it is beginning behind it. I tried moving the div below the other one, but then it covers everything or the stretchy part is gone! The navigation list doesn't appear to be calling the images, which are still in the html as well. I'm also not sure how I can get the CSS to switch images out during hover. Or to link the specific images to the html for that matter. Can all this be defined in #navigation? These are the two things I'm struggling to understand.

Are you saying that index.php would call all my background elements, which would then appear on all my pages if I set them to call on index.php? I thought I was using CSS to call and place the background elements? I'm sorry, I'm very confused. Here's how I imagine it: index.php calls my homepage, which has includes for the footer (since the header is different on every page, it's just text so I can put it in the body) and possibly the navigation? (Though on some pages the navigation shouldn't appear.) Not sure how this involves CSS. Then on each page I just have body content, while calling the CSS for the backgrounds, and possibly the includes(?).

I'm afraid I am not understanding this very well. So would my index.php file read, <?php @include("zeitgeist home.html") ?> Otherwise, how would I reference my homepage? How can I use lists to add my buttons, when I only want the list in the navigation div to display them, and regular lists everywhere else? I still haven't figured out what's wrong with my background images. I've already been through 4 CSS tutorials without understanding what is going on; I was hoping someone here could help me.

Thank you, that did fix the #navigation problem! Now the other 2 IDs images are freaking out, though. I'll upload again in a minute so you can see what I mean.

Thanks for your reply! I hadn't uploaded the site yet, since I was trying to get it to work on my computer first, but now I've put it up at 2ndcycle.com/zeitgeist. Please excuse the html, I'm used to just putting everything into tables! The image was the size I set the navigation div to - if the division is that size, shouldn't it show the full image? I'm confused. :-/ The buttons are currently in a table in the html, but I'd like to put them in the CSS. Not quite sure how to, though...

Hi, I'm a total newbie at CSS, and I can't figure out why things aren't working, or what to do to fix them. Right now I'm having trouble with a background image: I've specified a height and width, but the full height of the image isn't appearing. #navigation { width= 960px; height= 388px; padding: 20px 0 0 0; /*top right bottom left*/ margin: 0 0 0 0; /*top right bottom left*/ background-image: url(zeitgeist_images/buts/header.png); background-repeat: no-repeat; background-position: center top; } Can someone tell me what I'm doing wrong? Should I just increase the padding until the image is visible? I also want to place some png buttons on top of the background. How can I do that? Thanks!