SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Hybrid View

  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,319
    Mentioned
    462 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;

  3. #3
    Mouse catcher silver trophy Stevie D's Avatar
    Join Date
    Mar 2006
    Location
    Yorkshire, UK
    Posts
    5,892
    Mentioned
    123 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
  •