CSS Tutorial Pt 4 - Creating Boxes

How to create tables/boxes using CSS. Download template http://www.2createawebsite.com/design/csstemplate2.zip

Category:

Howto & Style

Tags:

• css
• web
• design
• programming
• tables

[probowler94]

When specifying margins, you do not have to give all four (top, bottom, left, right) when they are the same value. Instead of using "margin: 5px 5px 5px 5px," you could have just specified "margin: 5px."

[2createawebsite]

@probowler94 Yes you can do that, but I used all 4 coordinates so people can learn that they can adjust all 4 values right there if they want to use different numbers for the various margins. Much shorter than creating a separate line for margin-top, margin-left, margin-right, etc.

[Masterrer]

Will You marry me?

[seasonprojects]

Awesome tutorials, it was great to see someone doing tutorials for CSS using a bundled free text editor rather than spending 5 minutes explaining the program they are using, for example Dreamweaver. Great Work!!!!

[TheEmoSushi]

did u memorize all the color code?o.0

[chessada83]

Hi, great tutorial helpful

[namwarn98]

Thanks alot  nice Tutorial

[alexfontecha]

Hello, i don't good speak english, but you tutorial is very clear and explaining too.

Thanks so much

[osakaben10]

can you make likes in the Leftnav and rightnav the same way as in the header,or the Horizlinks?..i think so. but, every once in a while i get confused with this. I'm planning a big 3 day weekend so i can finally fix my page using your lessons. thanks in advance,

Scott.

[arthurxlwang]

Thanks a lot. These tutorials are very helpful. I just want kiss you.

[vinz111490]

tnk you sooooooo mucccchhhhhhhhhh!!!!!!!!

[Inventor3006]

Guess my first post didn't work,

Hey My Lady,

We need version 5 "How to Make that box into a Table Type form"

(Columns/Rows/with and without borders/etc.)

[mskleftwich]

@probowler94 She said that at 5:22 anyway. "If you only do one coordinate for the padding, it will give you the padding for all four sides..."