8 replies [Last post]
gesman
Offline
newbie
Last seen: 15 years 34 weeks ago
Joined: 2006-11-30
Posts: 4
Points: 0

Hello everyone.
I want to create a "holy grail" and stumbled at inability to make background color to be displayed properly.

I tried using "background" and "background-color" and in all cases it only shows up on part of the left column, leaving white areas.

See the result: http://fly2c.com/csstest

Could anyone hint me to the solution?

Thanks!

Gleb

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 43 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

You layout doesn't look

You layout doesn't look anything like the Holy Grail.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

gesman
Offline
newbie
Last seen: 15 years 34 weeks ago
Joined: 2006-11-30
Posts: 4
Points: 0

Well, I am trying to add

Well, I am trying to add borders and menu and background colors to it.

Any CSS-related ideas?

Gleb

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 43 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Have you looked at faux

Have you looked at faux columns.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

gesman
Offline
newbie
Last seen: 15 years 34 weeks ago
Joined: 2006-11-30
Posts: 4
Points: 0

Business approach.

Yes, but...
I am approaching it from the business perspective - by asking the question:
"what should I do to change the background color for this ... page".

PS: Textpattern is a great philosophy IMHO.

PPS: I am persuing something sinful - I want to create a tutorial for people who don't know CSS to be able to come up with custom CSS-based designs without actually learning CSS Smile

Gleb

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 43 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

gesman wrote:Yes, but... I

gesman wrote:
Yes, but...
I am approaching it from the business perspective - by asking the question:
"what should I do to change the background color for this ... page".

Are you talking about the page or the columns?
I've given you a link that describes one method for achieving equal height columns. There are others. If these don't help you'll need to give a better explanation of why not.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

gesman
Offline
newbie
Last seen: 15 years 34 weeks ago
Joined: 2006-11-30
Posts: 4
Points: 0

Changing background color

Oops, sorry for being unclear.

Here's my question: What do I need to change in .css file to change the background color of left column in the following layout:
http://fly2c.com/csstest

If anyone knows CSS (and the answer) please respond!

Gleb

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 43 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Maybe I'm not being clear

Maybe I'm not being clear enough then.
With your current CSS/HTML set up, the only thing you can do to add a bg-color to your columns that equals their full height is to use the faux columns technique.
If you don't want to use that technique, then you need to completely change your approach.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 31 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

gesman wrote:Yes,

gesman wrote:
Yes, but...

PPS: I am persuing something sinful - I want to create a tutorial for people who don't know CSS to be able to come up with custom CSS-based designs without actually learning CSS Smile

Gleb

Are you serious? Why should people be able to create CSS styles without having put any effort in to learning the skill, and it is a skill, one that most of us have put a fair bit of time and effort into understanding.

If you want to write tutorials then generally it is a good idea that one has an understanding of the subject that is not at the same level as the target audience really, otherwise it's the blind leading the blind.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me