/    Sign up×
Community /Pin to ProfileBookmark

visual problem concerning 3-column layout

Copy linkTweet thisAlerts:
Nov 16.2004

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?

to post a comment
CSS

1 Comments(s) ↴

Copy linkTweet thisAlerts:
@toicontienNov 16.2004 — 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: [url=http://www.alistapart.com/articles/fauxcolumns/]A List Apart: Faux Columns[/url] (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 ?
×

Success!

Help @lukdevoght spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...