Do you have a question? Post it now! No Registration Necessary. Now with pictures!
- Posted on
- background image
- David Graham
July 3, 2003, 6:12 pm
rate this thread
page. But, and this is the bit I can't quite figure out, I would also like
to run an orange strip 200px wide (also in the body tag) in the pages
background down the left side of the screen. I have tried to achieve this
style="background: url('art/orange.gif') 0% 0% repeat-y"
The trouble is it repeats down the page as expected but it also covers the
rest of the page with white, so I lose my other image (which is in an
external stylesheet) which is supposed to cover all parts of the pages
bacground which is not covered by the orange strip. So why doesn't the
orange stripe confine itself to the left edge of the screen? I guess its
not possible to have two images in the background of an element - unless of
course you know different.
Re: background image
I should be in bed but Brucie has had me reading a php function. Anyway, I
was more worried about the width. If I merge my 200px wide orange strip with
the other image which is a nice cream textured image, I would need to make
the cream bit really wide to ensure that the combined image went right
across the screen, otherwise using repeat-y will prevent my background from
filling in the right most portion of the screen and I simply couldn't use
repeat, or the orange bit of the merged image would form another orange
strip vertically somewhere in the region of the right part of the screen. I
am worried that if my merged image is very wide, a horizontal scrollbar
would form for clients using a low resolution screen, or is this wrong, do
backgrounds never force scrolling?
Must go to bed now, but look forward to reading any replies tomorrow.