Results 1 to 5 of 5
  1. #1
    Join Date
    Mar 2007
    Location
    AZ
    Posts
    1,911
    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
    20,024
    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,174
    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,911
    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,911
    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. image background for the define main page
    By ScottDB in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 3 Sep 2011, 01:41 AM
  2. Fix for clipped main wrapper background
    By Goldenis in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 28 Dec 2010, 02:08 PM
  3. how can I edit main wrapper image left?
    By touchclothing in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 19 Mar 2009, 10:34 PM
  4. Main Wrapper Background
    By rbonja in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 16 Dec 2008, 05:57 AM
  5. 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

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
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR