Background Repeat ... Strange Behavior

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • shapper

    Background Repeat ... Strange Behavior

    Hello,

    I am trying to give a background to a Div repeating it on the y
    direction.

    Please, notice the alternate of colors:


    Does anyone has any idea why is this happening?

    I have been fighting to solve this and I wasn't able to do it ...

    Thanks,
    Miguel
  • dorayme

    #2
    Re: Background Repeat ... Strange Behavior

    In article
    <ef9a6a32-0caf-4996-8a0a-acd143aac6da@f6 3g2000hsf.googl egroups.com>,
    shapper <mdmoura@gmail. comwrote:
    Hello,
    >
    I am trying to give a background to a Div repeating it on the y
    direction.
    >
    Please, notice the alternate of colors:

    >
    Does anyone has any idea why is this happening?
    >
    I have been fighting to solve this and I wasn't able to do it ...
    What exactly are you surprised by?

    I see no repeat-y in your CSS. Perhaps you are wanting repeat-x and are
    surprised by the y repeat (which is part of the default repeat).

    To repeat in other words: repeat in both directions is default for
    background images. You have to specify restrictions if you do not want
    this.

    But your case is misleading:

    Your image is 980px wide and so is your div, so *of course* it cannot
    repeat in the horizontal direction and since you have done nothing to
    stop it repeating in the vertical direction, it does.

    I have to go out to my backyard now and hit myself several times hard
    with a handy bit of timber I keep for the purpose. Whenever I get cross
    with JK I also incant at the same time "I must not be such a disgusting
    coward. I must not be such a disgusting coward". Excuse me.

    --
    dorayme

    Comment

    • Sherm Pendley

      #3
      Re: Background Repeat ... Strange Behavior

      shapper <mdmoura@gmail. comwrites:
      Hello,
      >
      I am trying to give a background to a Div repeating it on the y
      direction.
      >
      Please, notice the alternate of colors:

      >
      Does anyone has any idea why is this happening?
      I don't see a problem. The right section of your background image is
      a gradient - it's not the same color at top and bottom. CSS will only
      repeat your image, it won't alter it to make it tile seamlessly.

      sherm--

      --
      My blog: http://shermspace.blogspot.com
      Cocoa programming in Perl: http://camelbones.sourceforge.net

      Comment

      • shapper

        #4
        Re: Background Repeat ... Strange Behavior

        On Sep 25, 1:40 am, dorayme <doraymeRidT... @optusnet.com.a uwrote:
        In article
        <ef9a6a32-0caf-4996-8a0a-acd143aac...@f6 3g2000hsf.googl egroups.com>,
        >
         shapper <mdmo...@gmail. comwrote:
        Hello,
        >
        I am trying to give a background to a Div repeating it on the y
        direction.
        >
        Please, notice the alternate of colors:
        http://www.27lamps.com/Beta/Background/Background.html
        >
        Does anyone has any idea why is this happening?
        >
        I have been fighting to solve this and I wasn't able to do it ...
        >
        What exactly are you surprised by?
        >
        I see no repeat-y in your CSS. Perhaps you are wanting repeat-x and are
        surprised by the y repeat (which is part of the default repeat).
        >
        To repeat in other words: repeat in both directions is default for
        background images. You have to specify restrictions if you do not want
        this.
        >
        But your case is misleading:
        >
        Your image is 980px wide and so is your div, so *of course* it cannot
        repeat in the horizontal direction and since you have done nothing to
        stop it repeating in the vertical direction, it does.
        >
        I have to go out to my backyard now and hit myself several times hard
        with a handy bit of timber I keep for the purpose. Whenever I get cross
        with JK I also incant at the same time "I must not be such a disgusting
        coward. I must not be such a disgusting coward". Excuse me.
        >
        --
        dorayme
        Sorry, I completly forgot the repeat-y when I created this example
        from my original code. I just corrected it:



        The problem is still the same? Am I still doing something wrong?

        Thanks,
        Miguel

        Comment

        • shapper

          #5
          Re: Background Repeat ... Strange Behavior

          On Sep 25, 1:56 am, shapper <mdmo...@gmail. comwrote:
          On Sep 25, 1:40 am, dorayme <doraymeRidT... @optusnet.com.a uwrote:
          >
          >
          >
          In article
          <ef9a6a32-0caf-4996-8a0a-acd143aac...@f6 3g2000hsf.googl egroups.com>,
          >
           shapper <mdmo...@gmail. comwrote:
          Hello,
          >
          I am trying to give a background to a Div repeating it on the y
          direction.
          >
          Please, notice the alternate of colors:
          >http://www.27lamps.com/Beta/Background/Background.html
          >
          Does anyone has any idea why is this happening?
          >
          I have been fighting to solve this and I wasn't able to do it ...
          >
          What exactly are you surprised by?
          >
          I see no repeat-y in your CSS. Perhaps you are wanting repeat-x and are
          surprised by the y repeat (which is part of the default repeat).
          >
          To repeat in other words: repeat in both directions is default for
          background images. You have to specify restrictions if you do not want
          this.
          >
          But your case is misleading:
          >
          Your image is 980px wide and so is your div, so *of course* it cannot
          repeat in the horizontal direction and since you have done nothing to
          stop it repeating in the vertical direction, it does.
          >
          I have to go out to my backyard now and hit myself several times hard
          with a handy bit of timber I keep for the purpose. Whenever I get cross
          with JK I also incant at the same time "I must not be such a disgusting
          coward. I must not be such a disgusting coward". Excuse me.
          >
          --
          dorayme
          >
          Sorry, I completly forgot the repeat-y when I created this example
          from my original code. I just corrected it:
          >

          >
          The problem is still the same? Am I still doing something wrong?
          >
          Thanks,
          Miguel
          Sherm,

          Thank you to point that to me ... I forgot to hide the gradient effect
          on Photoshop and I was all this time going around my CSS!

          Thank You both and sorry for the time.

          Thanks,
          Miguel

          Comment

          Working...