CSS Design Resources

Joined: 11/28/2008

Anyone know of a sight that helps with CSS/Web design principles ?

http://test.hotgospel.net

The three boxes seem to be "out of place"

The colors seem kinda blah.

Joined: 12/16/2007
Here's a few, others will give more.

Opera's Web Standards Curriculum. I've been working through this and it's great.
http://www.opera.com/wsc

Smashing Magazine
http://www.smashingmagazine.com/category/css/

A List Apart
http://www.alistapart.com

These are my favorites.

Blessings,
Tony

Joined: 11/28/2008
10Q

Thank you.

Joined: 11/28/2008
A few more

Some other resources on CSS that are available:
Westciv's resources (they make the Stylemaster CSS editor) includes a CSS guide and tutorial.
Web Design from Scratch
Sitepoint has a CSS reference section.

Cheamweb Your window into the Fraser Valley
Dave's Journey | The Macfoto Life

Joined: 11/28/2008
test

okay I'm trying to stick the #navbar to the top
and I'm trying to stick #footer all the way at the bottom

http://test.hotgospel.net

Joined: 01/18/2009
Try this site out.

I have been trying to learn css and xhtml on my own and I have found that http://www.w3schools.com/ is proabbaly one of the best sites that you will find. I beleive it is above many sites out there teaching and providing information.

Take a look into it and see what you think.

What I liked about it is that it offered lessons and it then gave me a test to take after the lessons to see what I had learned.

Joined: 12/04/2008
this might help

If I understand what you said you're trying to do, you're looking for the position:fixed property. position:fixed allows you to "pin" a box to the browser window (and not scroll). You can then use top:, bottom:, left:, and right: to move it around. It can be tricky, though; especially IE6 deals with this horribly (here's how to do it in IE6: http://home.tampabay.rr.com/bmerkey/examples/fake-...).

Here's a couple sites where I've used this (if you want to look at my CSS).
http://isitcafe.blogspot.com
http://htbc.ericepps.org

Eric

Joined: 02/16/2009
To get your nav bar to the

To get your nav bar to the top without using the position:fixed property, make sure your wrapper and nav divs have top margin and padding values of 0. Also, rather than applying the float directly to the navbar div, you might apply it to #navbar ul instead.

As for the footer--do you want it to always be below your main content? If so, it will be pushed to bottom of the browser window as you add content to your main content area.

Another great html/css resource: http://htmldog.com. This helped me immensely when I was first getting started.