Results 1 to 7 of 7

Hybrid View

  1. #1
    Join Date
    Sep 2007
    Posts
    46
    Plugin Contributions
    0

    Default Moving the container down—Show background behind header

    Here is my website: http://www.cardnirvana.com. I need to move down the container so you can see the swirls like on my other website: http://www.diginirvana.com/zen_cart/store

    I had someone else do a portion of this website so I don't know how they moved the container down. Anyone tell me where I can do this?

  2. #2
    Join Date
    Mar 2007
    Location
    AZ
    Posts
    1,911
    Plugin Contributions
    2

    Default Re: Moving the container down—Show background behind header

    Ha the swirls been added?
    I looked at your site in FF and no image is there.

    Your css has the image commented out.

    body { margin: 2em; font-family: helvetica, sans-serif; font-size: 75%; color: #000000; background-color: #eeecde; /*background-image: url(../images/flora4.jpg);*/ }
    You will need to add some padding in here to drop the "container" down.

    something like this:
    padding-top: 30px; (adjust the 30px to whatever you need.)

    Tina

  3. #3
    Join Date
    Sep 2007
    Posts
    46
    Plugin Contributions
    0

    Default Re: Moving the container down—Show background behind header

    Thanks...I tried that...So it has pushed it down, but the header went with it (you can see it at http://www.cardnirvana.com/shop) How do I move the header up?

  4. #4
    Join Date
    Mar 2007
    Location
    AZ
    Posts
    1,911
    Plugin Contributions
    2

    Default Re: Moving the container down—Show background behind header

    The code I provided is designed to do just what it did.
    Where do you want the swirls?

    Have you uncommented the swirls image to see what it looks like now?

    Tina

  5. #5
    Join Date
    Sep 2007
    Posts
    46
    Plugin Contributions
    0

    Default Re: Moving the container down—Show background behind header

    The entire header is the stripe with the nav bar, logo, and swirls (it's all one png file with html from fireworks). If you click and say "open image in another window, you will see the image (however, you will NOT see the swirls as they are in white and meant to show up on the tan background as on the Digi Nirvana site). So the ENTIRE image needs to be moved ABOVE the container.

  6. #6
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,021
    Plugin Contributions
    3

    Default Re: Moving the container down—Show background behind header

    The background-color in #headerWrapper needs to be changed to #eeecde, like the body background.

  7. #7
    Join Date
    Sep 2007
    Posts
    46
    Plugin Contributions
    0

    Default Re: Moving the container down—Show background behind header

    Because the header is a png, if the container was moved down and the header was moved up then I should have to change the background color on the png (and change to a jpg). I also don't want the "border" to go around the image (which it will continue to do if I do this easy fix). I am actually sort of suspecting that this may be in the wrong thread. I don't know that this is a CSS problem that perhaps I just need to move my logo/header plus html map somewhere.


    Any ideas?

 

 

Similar Threads

  1. Home/Login header. Moving it down from the top?
    By dolph lundgren in forum Templates, Stylesheets, Page Layout
    Replies: 12
    Last Post: 10 Mar 2011, 07:15 AM
  2. Making header background image higher without being hidden behind centre of website
    By Sushigal in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 23 Apr 2009, 04:36 PM
  3. sidebox container background images???
    By 1kell in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 24 Jan 2009, 03:18 AM
  4. Changine the background behind the logo?
    By bfwdesigns in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 11 Sep 2006, 03:11 AM
  5. background and header images pushing down the page
    By organism in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 31 May 2006, 12:19 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg