SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Guru Zygoma's Avatar
    Join Date
    May 2006
    Location
    York, Uk
    Posts
    916
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    What does - Background none repeat mean

    Buongiorno fromn 1 degrees C not snowing yet wetherby UK.

    On this site http://www.innoviafilms.com/NatureFlex.aspx & illustrated here http://i216.photobucket.com/albums/c...background.jpg theres a section of CSS code i dont quite understand & here it is:

    Code:
    .innerContainer {
        background: none repeat scroll 0 0 #E5E5E5;
        padding: 0 10px;
        width: 940px;
    So my question is please...

    "How does the line background: none repeat scroll 0 0 #E5E5E5; influence design"

    Grazie tanto,
    David
    I have had a perfectly wonderful
    evening, but this wasn't it-
    Julius "GROUCHO" Marx - 1890-1977
    http://www.davidclick.com

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,117
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    background: is shorthand for things like background-color, background-attachment etc. So each one one those properties refers to one of those. See the Reference for more details: http://reference.sitepoint.com/css/background

    "none" often means no background-color, but there is a bg color there, so in this case it refers to no bg image.
    "repeat" is for background-repeat
    "scroll" is for background-attachment
    "0 0" is for background-position, but is kind of irrelevant here, as there is no bg image to be positioned, as are the previous ones.
    Of course #E5E5E5 is background-color.

    "How does the line background: none repeat scroll 0 0 #E5E5E5; influence design"
    It sets the background properties for the element it applies to.

    Most of it is useless, though, because there is no background image. It would be better, in this case, just to write:

    Code:
    background: #E5E5E5;
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    Mouse catcher silver trophy Stevie D's Avatar
    Join Date
    Mar 2006
    Location
    Yorkshire, UK
    Posts
    5,881
    Mentioned
    122 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by Zygoma View Post
    Code:
    .innerContainer {
        background: none repeat scroll 0 0 #E5E5E5;
        padding: 0 10px;
        width: 940px;
    So my question is please...

    "How does the line background: none repeat scroll 0 0 #E5E5E5; influence design"
    Most of that line is complete nonsense. The repeat, scroll/fixed and position elements only make sense when there is a background image, but that has been explicitly turned off. You can safely delete "repeat scroll 0 0" from there!

  4. #4
    SitePoint Guru Zygoma's Avatar
    Join Date
    May 2006
    Location
    York, Uk
    Posts
    916
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks again :-)
    I have had a perfectly wonderful
    evening, but this wasn't it-
    Julius "GROUCHO" Marx - 1890-1977
    http://www.davidclick.com


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
  •