Results 1 to 5 of 5
  1. #1
    Join Date
    Mar 2007
    Location
    AZ
    Posts
    1,895
    Plugin Contributions
    2

    Default Background Image for Main Wrapper

    I am trying to get a background image placed in the main wrapper section of a template.

    I would like it to be placed/displayed directly under the logo wrapper, but no matter what codes I insert ( I even made up a few goods ones that blew the stylesheet to pieces! ) the image doesn't budge from starting at the top of the page (thus the logo is placed over it!).

    Here is the section of code from the stylesheet that has me totally vexxed!

    #mainWrapper {
    background-color: #ffffff;
    background-image: url(../images/joolback.jpg);
    background-repeat: no repeat;
    text-align: left;
    width: 750px;
    vertical-align: top;
    }
    deleting vertical-align does nothing!

    Since this template is for a client - please PM for the link.

    Thanks.
    Tina

  2. #2
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    19,670
    Plugin Contributions
    3

    Default Re: Background Image for Main Wrapper

    There was a thread a little while ago that dealt with something like that.

    IIRC, afo had an answer - you might ask her.

  3. #3
    Join Date
    Aug 2004
    Location
    New York City
    Posts
    7,160
    Plugin Contributions
    0

    Default Re: Background Image for Main Wrapper

    I use a background image on the Fan Odyssey site in my sig. Here's a snippet from the stylesheet for that site.

    Code:
    /*wrappers - page or section containers*/
    #mainWrapper {
    	background-color: #000000;
      background-image: url('../images/space011.jpg');
    	text-align: left;
    	width: 100%;
    	vertical-align: top;
    	}
    Have you played around with it in Firefox?
    Mary Ellen
    I came; I saw; I Zenned
    Taking over the world... one website at a time
    Make sure brain is engaged before putting mouth in gear... or fingers to keyboard.

    Holzheimer
    Fan Odyssey

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

    Default Re: Background Image for Main Wrapper

    Thanks for the replies!
    I have looked at in FIrefox and no joy found!

    As an alternative I have reworked the template desgn and placed a different image in the .contentMainWrapper that I want to line up with right edge of the left sidebox (navColumnOne).

    The codes I entered are posted below, but now I am missing the snippet of code that will move the image to the right of navColumnOne.

    #contentMainWrapper {
    background-image: url(../images/pagevines.gif);
    background-repeat: repeat-y;
    background-color: transparent;
    Tina

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

    Default Re: Background Image for Main Wrapper

    Another design/template change....

    How do I make the area between the left and right sideboxes transparent - so an image can be seen?

    I just can't get my head wrapped around this!

    Maybe I need sleep, coffee or both! lol

    Tina

 

 

Similar Threads

  1. Background image on main page
    By JHouston in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 12 Mar 2008, 08:24 PM
  2. Main background image showing in pop-up windows?
    By khopek in forum Templates, Stylesheets, Page Layout
    Replies: 11
    Last Post: 5 Oct 2007, 02:17 PM
  3. How to determine maximum width for background image on main page
    By bobguindon in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 6 May 2007, 07:26 PM
  4. Main page background image problem!
    By tsaurus in forum Templates, Stylesheets, Page Layout
    Replies: 16
    Last Post: 1 Oct 2006, 03:13 PM
  5. adding background image to main content area
    By whiteboxer in forum Basic Configuration
    Replies: 12
    Last Post: 17 Jul 2006, 06:42 PM

Bookmarks

Posting Permissions

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