Shambler
04-13-2004, 08:24 AM
Hi
I have a problem with a repeating background. The situation looks like this: (The pictures are .jpg-images - geocities doesn't allow direct linking of images. Works fine with .txt ;) )
http://www.geocities.com/dellep03/problem1.txt
On the left side of the page, I have a banner which gradually turns to a dark orange. The darkest color of this banner should continue to the bottom of the page. That's no problem - as you can see, the problem is that the background-repetition begins from the top of the page. I'd like to have it look like this:
http://www.geocities.com/dellep03/problem2.txt
As the repeat-attribute is set in the <body>-tag, I'm doubting (but hoping :) ) that I somehow could make it start repeating ~80px lower - without pushing the javascript dropdown menu from the top.
I tried making a "hack" where I insert a picture which is all white in the top, thus covering the orange part that shouldn't be there. This works in IE but in Mozilla and Opera it looks like this:
http://www.geocities.com/dellep03/problem3.txt
Everything but the javascript menu is pushed down, because of the white picture. Could I somehow get the white picture and the background-image to stack instead?
The code for the vital parts is as follows:
body {
background-image: url(../../grafik/background.jpg);
background-repeat: repeat;
}
The white background-image:
<img src="../../grafik/background2.jpg" alt="" class="testbg" />
testbg {
position: absolute;
}
Hope you get the idea :D
Any hints on what could be done? Thanks :)
I have a problem with a repeating background. The situation looks like this: (The pictures are .jpg-images - geocities doesn't allow direct linking of images. Works fine with .txt ;) )
http://www.geocities.com/dellep03/problem1.txt
On the left side of the page, I have a banner which gradually turns to a dark orange. The darkest color of this banner should continue to the bottom of the page. That's no problem - as you can see, the problem is that the background-repetition begins from the top of the page. I'd like to have it look like this:
http://www.geocities.com/dellep03/problem2.txt
As the repeat-attribute is set in the <body>-tag, I'm doubting (but hoping :) ) that I somehow could make it start repeating ~80px lower - without pushing the javascript dropdown menu from the top.
I tried making a "hack" where I insert a picture which is all white in the top, thus covering the orange part that shouldn't be there. This works in IE but in Mozilla and Opera it looks like this:
http://www.geocities.com/dellep03/problem3.txt
Everything but the javascript menu is pushed down, because of the white picture. Could I somehow get the white picture and the background-image to stack instead?
The code for the vital parts is as follows:
body {
background-image: url(../../grafik/background.jpg);
background-repeat: repeat;
}
The white background-image:
<img src="../../grafik/background2.jpg" alt="" class="testbg" />
testbg {
position: absolute;
}
Hope you get the idea :D
Any hints on what could be done? Thanks :)