473,228 Members | 1,725 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,228 software developers and data experts.

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
Sep 24 '08 #1
4 2888
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
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
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
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

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
by: Markus Mohr | last post by:
Hi, everyone, I have a special problem: For every monitor resolution in 200 pixel steps from 800 to 1600 pixels I have an image to be shown as centered background-image. Those images all...
5
by: proximus | last post by:
Hi, I am trying to change the background of table TD's. The problem is that I have no access to the HTML code. SO I am trying to alter this using Javascript/DOM in an external .js file. I...
4
by: lindsey.crocker | last post by:
I have this links list with background images set on them which changes when they roll over. The <td> is set valign="middle" however as soon as you apply the rollover to the link, the text jumps...
8
by: johkar | last post by:
I have two problems I cannot work out in the following tab code with Netscape 6. Problems are marked with all cap comments. One is that the background image is not shown in NS 6 (two places in...
2
XedinUnknown
by: XedinUnknown | last post by:
Hi! I am new to this forum, but not new to web design and programming. Nevertheless, I have never tried to use PNG so extensively in my pages. here's the problem. First, I have found that the...
10
by: VividWeb | last post by:
Hi. I am relatively new to CSS and HTML but have a basic understanding of most things. One of my backgrounds is not positioning correctly in IE 7 or AOL. The background behind the content...
0
by: shapper | last post by:
On Sep 25, 1:56am, shapper <mdmo...@gmail.comwrote: Sherm, Thank you to point that to me. I forgot to hide the gradient on Photoshop and I was all this time going around my CSS. Thank you...
0
by: ton | last post by:
Hi, I have an Image which is dark grey/black, at the top a white line, at the left site a white line as well. At 192 px from the left of the screen I position a DIV with this image as the...
2
by: thephatp | last post by:
I'm having a problem with IE rendering correctly. I'm experimenting with using all div's in my pages now, and I'm not very familiar with the quirks of IE. I have created a sample page, and I'm...
0
by: jianzs | last post by:
Introduction Cloud-native applications are conventionally identified as those designed and nurtured on cloud infrastructure. Such applications, rooted in cloud technologies, skillfully benefit from...
2
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 7 Feb 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:30 (7.30PM). In this month's session, the creator of the excellent VBE...
0
by: fareedcanada | last post by:
Hello I am trying to split number on their count. suppose i have 121314151617 (12cnt) then number should be split like 12,13,14,15,16,17 and if 11314151617 (11cnt) then should be split like...
0
by: stefan129 | last post by:
Hey forum members, I'm exploring options for SSL certificates for multiple domains. Has anyone had experience with multi-domain SSL certificates? Any recommendations on reliable providers or specific...
0
Git
by: egorbl4 | last post by:
Скачал я git, хотел начать настройку, а там вылезло вот это Что это? Что мне с этим делать? ...
1
by: davi5007 | last post by:
Hi, Basically, I am trying to automate a field named TraceabilityNo into a web page from an access form. I've got the serial held in the variable strSearchString. How can I get this into the...
0
by: MeoLessi9 | last post by:
I have VirtualBox installed on Windows 11 and now I would like to install Kali on a virtual machine. However, on the official website, I see two options: "Installer images" and "Virtual machines"....
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: Aftab Ahmad | last post by:
Hello Experts! I have written a code in MS Access for a cmd called "WhatsApp Message" to open WhatsApp using that very code but the problem is that it gives a popup message everytime I clicked on...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.