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:
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 ...

Thanks,
Miguel

In article
<ef9a6a32-0caf-4996-8a0a-acd143aac6da (AT) f63g2000hsf (DOT) googlegroups.com>,
shapper <mdmoura (AT) gmail (DOT) com> wrote:

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

shapper <mdmoura (AT) gmail (DOT) com> writes:

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 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

On Sep 25, 1:40*am, dorayme <doraymeRidT... (AT) optusnet (DOT) com.au> wrote:

In article
ef9a6a32-0caf-4996-8a0a-acd143aac... (AT) f63g2000hsf (DOT) googlegroups.com>,

*shapper <mdmo... (AT) gmail (DOT) com> wrote:
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:

http://www.27lamps.com/Beta/Background/Background.html

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

Thanks,
Miguel

On Sep 25, 1:56*am, shapper <mdmo... (AT) gmail (DOT) com> wrote:

On Sep 25, 1:40*am, dorayme <doraymeRidT... (AT) optusnet (DOT) com.au> wrote:



In article
ef9a6a32-0caf-4996-8a0a-acd143aac... (AT) f63g2000hsf (DOT) googlegroups.com>,

*shapper <mdmo... (AT) gmail (DOT) com> wrote:
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:

http://www.27lamps.com/Beta/Background/Background.html

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