Posted by Jonathan N. Little on 11/18/87 11:22

Cogito wrote:
> On Thu, 28 Jul 2005 09:19:54 GMT, Philip Ronan
> <invalid@invalid.invalid> wrote:
>
>
>>"Cogito" wrote:
>>
>>
>>>The page I am building now has an index column on the left of the page
>>>and a wide contents column on the right. On the right side of the
>>>index column, I would like to have a thin blue line that quickly fade
>>>towards the left going from top to bottom. The idea is that it serves
>>>as visible boundary. Any suggestion on how this can be done or better
>>>still a simple example would be greatly appreciated.
>>
>>Use a background image.
>>
>>e.g.,
>>
>>DIV#wide_contents_column {
>> background: #fff url(bluefade.jpg) left repeat-y;
>>}
>
>
> Thanks, but I want the line to be on the right side of the left
> column.

Then position it on the right! Put in on the index column then and pad
the right side accordingly!

background-position: top right;
or
background-position: 100% 0%;

DIV#index_column {
width: [whatever you choose];
background: #fff url(bluefade.jpg) repeat-y top right;
padding-right: [whatever you need];
float: left;
}


--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

[Back to original message]