User login
Unsystematic Affiliates
Change Language
Who's online
There are currently 0 users and 6 guests online.
Padding
Padding
- 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;
}
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