visual problem concerning 3-column layout

windows

Guest
Hi,

This is my first post here :-)

I have problems with a 3-column layout. I have a background that should be used on the whole page. except when it's under the contents of one of the three columns. Then I actually need to have a "softened background"...

the background consists of various circles with different sizes in different colours on a white background. When it's underneath a column with text, it should be softened so that it's not full white and colors with text on (which is not so beautiful), but there must be some kind of softening, (gray?/grey-white?) layer on it so that the background colors are not that vivid...

Is my question clear enough?You could place a white background color on your column of text and apply two alpha transparency filters: one for Gecko browsers (Mozilla, Firefox, Netscape 6+) and another filter for Internet Explorer. Your best bet however is to create a lightened version of your main background image and place that image as the background for the column of text. That has the most cross-browser support. You may be interested in the following article: A List Apart: Faux Columns (<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/fauxcolumns/">http://www.alistapart.com/articles/fauxcolumns/</a><!-- m -->) (assuming your are using a tableless CSS layout).

If you need anything more detailed than what I posted above, we'll need to see the HTML and CSS or a link to your page, and any needed images. As a general rule, post the HTML and CSS or post a link to the page regardless of whether or not you think the answer might require it. It's always handy to have :)
 
Back
Top