Connecting Tech Pros Worldwide Help | Site Map

Background Repeat ... Strange Behavior

  #1  
Old September 25th, 2008, 12:55 AM
shapper
Guest
 
Posts: n/a
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
  #2  
Old September 25th, 2008, 01:45 AM
dorayme
Guest
 
Posts: n/a

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
  #3  
Old September 25th, 2008, 01:55 AM
Sherm Pendley
Guest
 
Posts: n/a

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
  #4  
Old September 25th, 2008, 02:05 AM
shapper
Guest
 
Posts: n/a

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
  #5  
Old September 25th, 2008, 02:35 AM
shapper
Guest
 
Posts: n/a

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


Similar Threads
Thread Thread Starter Forum Replies Last Post
problem positioning of a background image in a DIV ton answers 0 November 6th, 2008 12:15 PM
Re: Background Repeat ... Strange Behavior shapper answers 0 September 25th, 2008 02:15 AM