CSS For starters tutorial

[Zerce]

Hey
I recently wrote a tutorial, it is currently located here: http://s14.invisionfree.com/CYO/?showforum=7

It'll later be moved to another site.

Any comments? Thanks.

[Game Makker]

Looks like you've done a lot of work.

You should mention in the background image part that you should also define a background color for people with images disabled. Es[pecialy if the font color of that section is the same as the backgrounbd (or similar).

#something {
background: #00CCFF url(images/bg.gif) repeat top left;
}


EDIT:
one last thing. Maybe you could add one last tutorial explaining the box model. When I first started with CSS it kinda confused me so maybe others wuill find it useful. It would only be short it it helps explain padding and margin.

[Zerce]

Thanks, I updated it.

And I'm not sure what you mean with the box model thing.

[Game Makker]

Ok you can sum it up with one image really here is an example.

http://img175.imageshack.us/img175/4543/boxmodelhi7.gif

You can use that if you don't want to make one yourself. lol It just realy shows how the padding contributes to the overall width and then the margin takes up additional space.

[stef686]

Ok you can sum it up with one image really here is an example.

http://img175.imageshack.us/img175/4543/boxmodelhi7.gif

You can use that if you don't want to make one yourself. lol It just realy shows how the padding contributes to the overall width and then the margin takes up additional space.

I think maybe border should be included in that image, as it can be confusing as to where the border will appear.

[Game Makker]

Easily done. Just a black line around green section would be sugfficient.

[Zerce]

Thanks for the image Game Makker. I will later add it to the tutorial with copyright. I will probably move the tutorial to some place else rather than an invisionfree board

[Game Makker]

Cool. glad to help. No need for copyright. I don't really mind it was only quick.