Jump to content
Stef's Coding Community


  • Content Count

  • Joined

  • Last visited

Posts posted by Kadigan

  1. 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!

  2. 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?

  3. 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.

  4. 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.

  5. 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(?).

  6. I'm afraid I am not understanding this very well. So would my index.php file read,




    @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.

  7. How big is the image?

    Do you have the page you're working on online somewhere? It's always easier and faster to help if we can see everything you're working with.


    Unrelated Hint: Since your margin is zero all around, you can short-cut the code by simply writing: margin: 0;


    Also, the height and width you're specifying affects your navigation division, not your background image.


    And you can add png buttons to your HTML or to the CSS that applies to html tags.

    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...

  8. 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?



  • Create New...