Posted by Beauregard T. Shagnasty on 01/17/62 11:39

John Salerno wrote:

> Beauregard T. Shagnasty wrote:
>> John Salerno wrote:
>>
>>> Beauregard T. Shagnasty wrote:
>>>> color. I use one here, but for vertical background.
>>>> http://countryrode.com/
>>> I'm not sure I see anything changing color there.
>>
>> It's vertical. Note the shade of the blue at the top of the page. Scroll
>> down, it gets lighter.
>> http://www.countryrode.com/images/bluebg.gif
>> It's a 5x1200px image. I have the background color of the body set to
>> match the lighter blue at the bottom so that when the content is longer
>> than 1200px, the blue continues.
>>
>> body {
>> background: url("../images/bluebg.gif") #66ccff repeat-x;
>>
>> You're expressing a desire for something similar, maybe 600px wide, and
>> used horizontally, or at least that is how I interpreted your "like
>> darkening" phrase above.
>
> Yeah, I guess that's close. I was talking about having a horizontal bar
> across the top that starts out dark and becomes lighter as you look to
> the right, so I guess this can be applied that way somehow?

Sure. You would need a gradient image of maybe 600px wide and 2px high.
Since you only want it in a top banner, put it in a <div> of the proper
height, and use similar CSS.

#banner {
background: url("images/bannerbg.gif") #yourcolor repeat-y;
color: #fff; /* text color contrasts with background */
text-align: right;
}

<div id="banner">
Possibly some<br>
text here
</div>

--
-bts
-Warning: I brake for lawn deer

[Back to original message]