Connecting Tech Pros Worldwide Forums | Help | Site Map

Background Repeat ... Strange Behavior

shapper
Guest
 
Posts: n/a
#1: Sep 25 '08
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

dorayme
Guest
 
Posts: n/a
#2: Sep 25 '08

re: Background Repeat ... Strange Behavior


In article
<ef9a6a32-0caf-4996-8a0a-acd143aac6da@f63g2000hsf.googlegroups.com>,
shapper <mdmoura@gmail.comwrote:
Quote:
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
Sherm Pendley
Guest
 
Posts: n/a
#3: Sep 25 '08

re: Background Repeat ... Strange Behavior


shapper <mdmoura@gmail.comwrites:
Quote:
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
shapper
Guest
 
Posts: n/a
#4: Sep 25 '08

re: Background Repeat ... Strange Behavior


On Sep 25, 1:40*am, dorayme <doraymeRidT...@optusnet.com.auwrote:
Quote:
In article
<ef9a6a32-0caf-4996-8a0a-acd143aac...@f63g2000hsf.googlegroups.com>,
>
*shapper <mdmo...@gmail.comwrote:
Quote:
Hello,
>
Quote:
I am trying to give a background to a Div repeating it on the y
direction.
>
Quote:
Please, notice the alternate of colors:
http://www.27lamps.com/Beta/Background/Background.html
>
Quote:
Does anyone has any idea why is this happening?
>
Quote:
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
shapper
Guest
 
Posts: n/a
#5: Sep 25 '08

re: Background Repeat ... Strange Behavior


On Sep 25, 1:56*am, shapper <mdmo...@gmail.comwrote:
Quote:
On Sep 25, 1:40*am, dorayme <doraymeRidT...@optusnet.com.auwrote:
>
>
>
Quote:
In article
<ef9a6a32-0caf-4996-8a0a-acd143aac...@f63g2000hsf.googlegroups.com>,
>
Quote:
*shapper <mdmo...@gmail.comwrote:
Quote:
Hello,
>
Quote:
Quote:
I am trying to give a background to a Div repeating it on the y
direction.
>
Quote:
Quote:
Please, notice the alternate of colors:
>http://www.27lamps.com/Beta/Background/Background.html
>
Quote:
Quote:
Does anyone has any idea why is this happening?
>
Quote:
Quote:
I have been fighting to solve this and I wasn't able to do it ...
>
Quote:
What exactly are you surprised by?
>
Quote:
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).
>
Quote:
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.
>
Quote:
But your case is misleading:
>
Quote:
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.
>
Quote:
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.
>
Quote:
--
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
Closed Thread