Background Repeat ... Strange Behavior

shapper

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

Sep 24 '08 #1

dorayme

In article
<ef**********************************@f63g2000hsf. googlegroups.com>,
shapper <md*****@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

Sep 25 '08 #2

Sherm Pendley

shapper <md*****@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:
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

Sep 25 '08 #3

shapper

On Sep 25, 1:40*am, dorayme <doraymeRidT...@optusnet.com.auwrote:

In article
<ef9a6a32-0caf-4996-8a0a-acd143aac...@f63g2000hsf.googlegroups.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:

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

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

Thanks,
Miguel

Sep 25 '08 #4

shapper

On Sep 25, 1:56*am, shapper <mdmo...@gmail.comwrote:

On Sep 25, 1:40*am, dorayme <doraymeRidT...@optusnet.com.auwrote:

In article
<ef9a6a32-0caf-4996-8a0a-acd143aac...@f63g2000hsf.googlegroups.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:

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

Sep 25 '08 #5