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@f63g2000hsf.googlegroups.com>,
shapper <mdmoura@gmail.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@gmail.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...@optusnet.com.au> wrote:
> In article
> <ef9a6a32-0caf-4996-8a0a-acd143aac...@f63g2000hsf.googlegroups.com>,
>
> -shapper <mdmo...@gmail.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...@gmail.com> wrote:
> On Sep 25, 1:40-am, dorayme <doraymeRidT...@optusnet.com.au> wrote:
>
>
>
> > In article
> > <ef9a6a32-0caf-4996-8a0a-acd143aac...@f63g2000hsf.googlegroups.com>,
>
> > -shapper <mdmo...@gmail.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