Results 1 to 10 of 17

Hybrid View

  1. #1
    Join Date
    Nov 2006
    Location
    Dartmouth, NS Canada
    Posts
    2,378
    Plugin Contributions
    0

    Default Re: Need help with background image

    #mainWrapper {width:950px 61px 0 58px;
    You've got things confused.

    Imagine a box. Padding is what keeps things away from the inside of the box, just like packing something in a real box where you add padding to prevent the object from moving around inside the box.

    Width is the size of your box from side to side. (You don't specify height, usually, in CSS. The height adjusts to fit whatever is in the box automatically.)

    So specifiy your width in a line separate from your padding, like so...
    #mainWrapper {
    width: 950px;
    padding: 0 61px 0 58px;
    }
    Margin (to make the lesson complete) is the space outside the box between it and any other objects. Margin is often used in CSS to push things over or down where you want them.

    And to be clear: everything in CSS is inside a box, whether that box has a visible border or it's just implied. So you can do these things -- set width, apply margin or padding -- to pretty much anything on the page.

    HTH

    Rob

  2. #2
    Join Date
    Nov 2008
    Location
    Chicago
    Posts
    37
    Plugin Contributions
    0

    Default Re: Need help with background image

    Thanks for your clear explaination. I really appreciate it.
    I'm still a bit confused on how to acheive the specific look I'm after.

    I would like 1 single white rectangle to be centered (and move when the browser window expands and contracts with everything else).
    This rectangle would be behind everything except the striped background.

    Here's how I need it to look:
    http://tholmesonline.com/HOME.jpg



    The main wrapper seems to only to affect the images on top of the rectangle.

    Underneeath the mainWrapper, there's "main_w" which seems to get me on the right track but this affects the nav bar which I want contained in the white rectangle.

    I would like everything contained in the white rectangle. Does this make sense?

    Sorry for my lack of basic CSS and HTML knowledge but I really am trying.

    thanks again.

    ~Tony

  3. #3
    Join Date
    Nov 2006
    Location
    Dartmouth, NS Canada
    Posts
    2,378
    Plugin Contributions
    0

    Default Re: Need help with background image

    Accckkkk! Sorry. I can't afford the time to figure out what Template Monster has done. I took a quick look using the Web developer tools and see that they've removed the usual wrapper, which you could have styled easily.

    Only TM can help you at this point.

    Rob

  4. #4
    Join Date
    Nov 2008
    Location
    Chicago
    Posts
    37
    Plugin Contributions
    0

    Default Re: Need help with background image

    what about a work around. Could I just make the stripes and the white rectangle one single background image?

    And then everything else on top of it?

 

 

Similar Threads

  1. help with background image
    By smallpigpig in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 4 Jan 2011, 02:46 AM
  2. need help aligning product listing with background
    By hangman21 in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 22 Aug 2010, 08:37 PM
  3. Need Help with Background Image in Header Navigation
    By scottdev in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 4 Jun 2009, 07:28 PM
  4. Replies: 3
    Last Post: 31 Oct 2007, 01:58 PM
  5. Need help with transparent background
    By Vood in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 29 Sep 2007, 07:17 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