Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10

Thread: AlexG

  1. #1
    New Coder
    Join Date
    Mar 2012
    Posts
    26
    Thanks
    1
    Thanked 0 Times in 0 Posts

    AlexG

    How can I get the background on http://outnout.net/wordpress/ be centered and actually be the background of the whole site using css. Thank you for all your help!!!!!

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,667
    Thanks
    22
    Thanked 1,826 Times in 1,810 Posts
    Hello AlexG,
    See what this does for your background -
    Code:
    body {
      background: url("http://outnout.net/wordpress/wp-content/uploads/2012/12/backgroudnrays.jpg") fixed center; 
    	-webkit-background-size: cover;
    	-moz-background-size: cover;
    	-o-background-size: cover;
    	background-size: cover;; 
    }
    See CSS Background position property here.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    New Coder
    Join Date
    Mar 2012
    Posts
    26
    Thanks
    1
    Thanked 0 Times in 0 Posts
    That did not work. It just completely removed it

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,667
    Thanks
    22
    Thanked 1,826 Times in 1,810 Posts
    Quote Originally Posted by AlexG View Post
    That did not work. It just completely removed it
    Probably because you used background-image:. Notice in my example it only says background:
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #5
    New Coder
    Join Date
    Oct 2012
    Posts
    44
    Thanks
    7
    Thanked 3 Times in 3 Posts
    check if it's a typo in 'backgroudnrays.jpg'?

  • #6
    New Coder
    Join Date
    Mar 2012
    Posts
    26
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Excavator View Post
    Probably because you used background-image:. Notice in my example it only says background:
    That made it work. Thank you very much. Now how do I get it to go into the whole site (the header and footer)?

  • #7
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,667
    Thanks
    22
    Thanked 1,826 Times in 1,810 Posts
    Quote Originally Posted by AlexG View Post
    That made it work. Thank you very much. Now how do I get it to go into the whole site (the header and footer)?
    Remove any images/colors you have covering backgroundrays.jpg -
    Code:
    #header_outer {
        background: none repeat scroll 0 0 #00C5CC;
    }
    #bottom {
        background: url("1-default/footerbg.png") repeat-x scroll left top #00C5CC;
    }
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #8
    New Coder
    Join Date
    Mar 2012
    Posts
    26
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Excavator View Post
    Remove any images/colors you have covering backgroundrays.jpg -
    Code:
    #header_outer {
        background: none repeat scroll 0 0 #00C5CC;
    }
    #bottom {
        background: url("1-default/footerbg.png") repeat-x scroll left top #00C5CC;
    }
    Is this the code to fix it or is this just the code you got off the site?

  • #9
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,667
    Thanks
    22
    Thanked 1,826 Times in 1,810 Posts
    That is your CSS that loads the images in your header and footer that cover up the backgroundrays.jpg.

    Remove those lines and you'll see the background behind those images.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #10
    New Coder
    Join Date
    Mar 2012
    Posts
    26
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Excavator View Post
    That is your CSS that loads the images in your header and footer that cover up the backgroundrays.jpg.

    Remove those lines and you'll see the background behind those images.
    Worked perfectly. Thank you so much


  •  

    Posting Permissions

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