Indexhibit^TM
Index + Exhibit

I'm trying to figure out CSS from scratch. No idea in hell what I'm doing, just changing stuff and seeing what happens. However, I've just lost my menu. Anyone know why?

Also, I want to give the menu a different type style from the body text; how do I do that in the unfathomable CSS?

One more thing. I want to push my menu text away from the edge of the page but when I change the margin it seems to indent some of the text and not other bits.

Oh sorry - forgot to post this... the site is http://www.danoleary.co.uk

It appears your #menu has a width:0, which is making the menu div disappear.

Are you on a mac? If so, I'd suggest cssedit for messing with your style sheets. Great tool.

Using firefox and firebug can be a good idea too (this lets you see/inspect the css applied to the page you're viewing).

I can't say it enough, for "beginners" to CSS (especialy people from a design background), the hardest thing is to visualize your styling. The use of a tool like cssedit or firebug (which is not limited to css, that is why it is my tool of choice...) should be in everyone's "must learn to use" list... maybe even before remembering CSS tags and syntax.

This makes your life easier and makes CSS more manageable.

Hope this helps!