3 column layout--suggestions?

It looks snazzy in N7/mac!

looks good but I don't like to have that much space between the content areas

Man, how come everyone except me has time to try this ?!? Okay, so I did Christmas crafts all day, I guess it's my fault

This looks really nice, I can't really complain about it. It would be tough to find a suitable image for that. You should probaby try to tie into the "medic" thing, but that could be hard to do while keeping the soft, feminine feel.

I see what you are talking about with the "medic thing". What I really need is another domain and get rid of this one. I want this site to be "my stuff" and not totally "medic stuff" per say.

Anyways, I have taken the drop shadow off of the image at the top. I think it looks more better. Also added a background image.

Still haven't worked out the Opera problems. (ie; dashed border showing up on hover with the underline and image at the top covering up the pink line at the top.) Need some help with this one.

Here is the CSS file if that will help someone help me.

Thanks,
Sonia

I had a quick look at your css file, looks like the cause of the dotted underline is your a.nav class (between a:hover and a:visited.nav) it stats a dotted underline.
not all browsers support the dotted

[edit] closer inspection shows all your links have "border-bottom: 1px dashed #696969;" a:hover wont remove this, only text-decoration is effected [/edit]

try remove the voice-family for the top section - that ones a guess, I have another look soon

[edit]can't find #line in your css file[/edit]

btw I like it, looks great, and f5f5f5 is a good color

remove this:
voice-family: "\"}\"";
voice-family:inherit;
height: 70px;
}
html>body #top {
height: 70px; /* ie5win fudge ends */

from the #top class and will work properly in Opera6 and IE5, the main problem is the first "height:70px;" as you already have height:100px in the same class, that fixs opera but causes IE5 problems, so removing the voice-family fixes IE5

Quote: I had a quick look at your css file, looks like the cause of the dotted underline is your a.nav class (between a:hover and a:visited.nav) it stats a dotted underline.

I didn't see this in my css file but I did manage to fix the dotted line and underline showing together in Opera.

Here is what I did: (changed the text-decoration to none in all of them and am using border-bottom instead)

a {
text-decoration: none;
font-size : 12px;
color: #696969;
border-bottom: 1px dashed #696969;
outline: none;
}

a:visited {
text-decoration: none;
font-size : 12px;
color: #696969;
outline: none;
}

a:hover {
color: #CC6666;
text-decoration: none;
border-bottom: 1px solid #CC6666;
}

I have a ton of warnings when validating my css so i will have to fix that when I get off work Tuesday AM. Think I am calling it quits for tonight. Me eyelids are gettin heavy.

YAY busy fixed it. Removing the voice-family stuff from the #top class fixed the image overlap problem in opera.

Thanks dear. I owe ya one. {{{hugs}}}

You're not the only one Megan!

Nice and clean, feminine and fresh. Good work Sonia

Sonia, have you looked around at dingbat fonts? That's where I found my little butterfly/dragonfly guy.

I just remembered that I have done a CSS layout - basic three column dealy for work. Not as much fun as a personal project though

Very nice Sonia. Altough I miss 'something' in the nav area.

Dingbat font? Yes Meg, I have looked and looked. The little fern thingy is a dingbat. I sorta used it out of despiration because I was unable to find anything appropriate as of yet. It will probably change as I am able to search the tons and tons of dingbats.

Quote: Altough I miss 'something' in the nav area

Know what ya mean about this Jack. It is still in the developmental stages so I am open to suggestions. I thought about boxing the nav up somehow. I may even add css rollover buttons. I will try that today and see what it looks like.

New menu sample.
Which do you guys like better?

NEW MENU
OLD MENU

Really pink it is.

I vote for NEW

NEW!

yeah - NEW has more "punch"

I'm going to be different and say old
-reason, the page has a curved look and feel to it with the font for the header and the leaf thing, and that one box (right section) is just enough to break it into curvy square. the new square buttons add to much squareness

have you tried changing the link and hover colours on the old page and/or even aligning the left links to the right of its section

Both are good, but my vote is for old

I don't know.....can't decide.

Have changed the colors from PINK(screenshot) to GREEN.

Why do I change my mind so? ARG!!

ooh, I like the green.

did you change it back again, I still see the pink - no green

[edit]OK with some refreshing it turned green[/edit]

I still perfer the pink, it's more girlie, the green looks kind of "native" back to the bush man feel - amazing how a simple colour can give so many effects or feels.

Looking at the screen shot you want the dotted underline and dotted box section? dotted doesn't work in IE5 so would suggest using a lighter (or darker) link colour

I like the green also.

And pink does *not* look "girlie"! ... does it?

I prefer the green, more soothing IMO.

Green it is!

Anyway, the pink reminded me of one of those feminine product commercials.

Thanks guys and gals for the input. Now time to put this booger together and add some meaningful content.

Whats the font you used for the heading?

Oh and talking about fonts (ding bats from before) I found a font viewing program (called - the font thing) and was amazed when I was looking through some fonts how some have extra "bits" to them, outside of the letter/number/symbol range

Font in header is Georgia (italic, bold).

I'm back with a new look (again).

This time I belive that this one is a go. Don't plan on changing anything as I am real satisified with what came out of my creative impulse the last couple of days. New colors, new graphics, new layout.

http://www.medicmom.com (only the first page works at the moment)

I was having some trouble getting some things ironed out in the other ones that I did (three column) and got discouraged. (pissed is a better word) Anyway, this layout came from http://www.glish.com/css and is the "2 columns, ALA style" layout.

I think I may be a bit confused about what goes in the global style sheet and the imported one so if anyone has a little free time on their hands I would appreciate a peek to see if I did these ( css1 and
css2 ) correctly. They validate so that is out of the way. Just wasn't sure what I should put in which.

Thanks,
Sonia

That looks good, colourful

What do you think is wrong with the css? it looks the same in mozilla , Opera6 and IE5, except the dotted lines don't work in IE5, so hover is just none. acronym doesn't work in IE5 either

the layout doesn't work in NS4.7 thou,

I should do an alternate style sheet for NS 4 then shouldn't I? Or should I use the style switcher?