SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Thread: What does - Background none repeat mean

Hybrid View

  1. #1
    SitePoint Guru Zygoma's Avatar
    Join Date
    May 2006
    Location
    York, Uk
    Posts
    886
    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
    SitePoint Award Recipient ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, Australia
    Posts
    19,968
    Mentioned
    216 Post(s)
    Tagged
    2 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;

  3. #3
    Mouse catcher silver trophy
    SitePoint Award Recipient Stevie D's Avatar
    Join Date
    Mar 2006
    Location
    Yorkshire, UK
    Posts
    5,101
    Mentioned
    66 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!
    Any posts I write in Arial are on my mobile phone, so please excuse typos etc.
    Any posts I write in Verdana are on a PC, so feel free to berate me mercilessly for any mistakes


  4. #4
    SitePoint Guru Zygoma's Avatar
    Join Date
    May 2006
    Location
    York, Uk
    Posts
    886
    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
  •