Textpattern CMS

#1 2006-05-09 15:23:25

Neko

Member

Registered: 2004-03-18

Posts: 458

Background issues

Hi! I’m building this new site which strutcure is the following:

<a href=“http://imageshack.us”><img src=“http://img129.imageshack.us/img129/174/bg7yj.jpg” border=“0” width=“500” alt=“Image Hosted by ImageShack.us” /></a>

It has vertical gradient background and main contents (white thing) with a soft drop shadow. Nothing groundbreaking but I’m having troubles putting the CSS togheter since I can’t figure out the best way to keep images file size small while retaining the design. Problem is the white part contains two floated divs (one for text and one for sidebar) and since they’re floating I can’t apply the white background to the wrapper.

What would be the best way in order to keep the background and the drop shadow?

Thanks in advance.

#2 2006-05-09 15:45:08

mrdale

Member

From: Walla Walla

Registered: 2004-11-19

Posts: 2,215

Website

Re: Background issues

Fudge it my man (person)!

1. Make your background gradient shorter (people won’t notice)
2. Make your header image tall-ish. Say 200px. It won’t be too big. Your gradient will be an exact match here.
3. Then asses the start and end values of your gradient from the first pixel vertically following the banner. And choose color at the mid-point make your horizontal shadow blend to that.

I did something similar here and the fudge is hardly noticable. Especially when you are presenting compelling content.

Last edited by mrdale (2006-05-09 15:46:09)

#3 2006-05-09 23:46:16

Neko

Member

Registered: 2004-03-18

Posts: 458

Re: Background issues

Thanks mrdale, I’ll try that out. :)