Code2Design.com

User login

The Layout

Programming

Graphic Design

Resources

Navigation

C2D Projects

Unsystematic Affiliates

Tutorials-db Project 62 Tutorials Expert Adobe Tutorialz 

Change Language

Who's online

There are currently 0 users and 2 guests online.

Dimensions

Understanding CSS Dimensions

If you have ever taken a dive into the CSS code of a layout you liked - only to find something like this:

.object {
margin: 0px auto 20px .8%;
padding: 0em 25px;
}

Then this tutorial is for you - because today I am going to explain the strange dimension system built into CSS! :)

Now first off, how many of you have ever be at a lost as to the direction you were going? Or have to think for a minute to figure out where West is from North? Even more to the point - how many of you have ever heard the old saying "Never Eat Soggy Waffles"? (No, quite that! - I didn't make it up!) Well, for all us humans without GPS systems - this saying stands for "North East South West" which is the clock-wise order of the directions.

---N---
W-----E
---S---

Well, CSS also uses the clockwise order of directions. Take a look at the following code:

When you see something like:

.object {
padding: 10px 25px 5px 0px;
}


Submitted by David on April 17, 2007 - 7:24pm. |
read more | 1 comment

Syndicate content


Like what you see?

Why not add more? C2D is looking for other Christian Web Masters who would like to help write articles for this site. If you have expericance in FLASH, CSS/HTML, PHP/MySQL, PhotoShop/GIMP, Blender, Javascript, or just General Design - our users would love to hear what you have to say. Contact Us

delicious   digg   reddit   magnoliacom   newsvine   furl   google   yahoo   technorati