[tony oh]

Hi,

I'm a complete novice and I'm using dreamweaver just to try and familiarise and get some practice with the whole website thing.

So I came up with this:
http://sleuth.aokhost.com/

I just used the content from this thread:
http://forums.techguy.org/web-design...ay-make-2.html

Site:
http://podiumphoto.110mb.com/

I hope you don't mind I won't be using it or anything except for practice.

Like I said it's my first site....but it looks pretty bad even design wise. I just noticed the spacing in the coloured backrounds aren't equal either...it didn't look like that in dreamweaver.

Any design tips would be great either general or specific ...don't worry I'm good with criticism.

CSS

[tomdkat]

Wow, that's quite an improvement! Great job!

With regard to the areas with the colored background, you can fix the spacing issues by looking at the padding and margin attributes for those styles. For example, the "#ordering" style has a bottom padding of 50px. Removing or adjusting that will change the size of that DIV and adding a bottom margin will separate it from the "Recent Events" DIV.

I like to add a 1px border to elements I'm working with so I'll have an idea of how their size is laying out on the page. Once I have the element where I want it, I remove the border.

If you add "margin-left: auto;" and "margin-right: auto;" to the "#wrapper" style, it will center the content on the page as the browser window is wider than the width of the "#wrapper" DIV.

What kinds of things are you wanting to change or improve?

Peace...

[tony oh]

Thanks for the tips...they are actually spaced properly well in IE7 anyway I'll check firefox next.

Improve....I just want to make it look good.

I think I'll do some practice with css zen garden - some of the sites there look really good.

http://www.csszengarden.com/

Cheers

[tomdkat]

CSS Zen Garden rocks!

Peace...

[skyhigh007]

You are the man!