WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » Web Design Talk » Paddings & Margins

View previous topic View next topic Go down  Message [Page 1 of 1]

1Paddings & Margins Empty Paddings & Margins Mon Mar 22, 2010 10:00 am

shamzblueworld

shamzblueworld
Registered Member
Registered Member
well they are pretty important, I know a bit about them but do not know enough to have command over them, So could you guys explain and define them well to me here.

That will be helpfull. Thank you,

2Paddings & Margins Empty Re: Paddings & Margins Mon Mar 22, 2010 10:59 am

Jophy

Jophy
Registered Member
Registered Member
I think this is more appropriate in the web design talk section

Moved

http://www.socialtechforum.com/

3Paddings & Margins Empty Re: Paddings & Margins Mon Mar 22, 2010 11:21 am

Russel

Russel
Moderator
Moderator
You can find more definition including their description in Google. But here i will provide some.

Margin and Padding are the two most commonly used properties for spacing-out elements. A margin is the space outside of the element, whereas padding is the space inside the element.

The four sides of an element can also be set individually. margin-top, margin-right, margin-bottom, margin-left, padding-top, padding-right, padding-bottom and padding-left are the self-explanatory properties you can use.

https://www.twitter.com/russeltubo

4Paddings & Margins Empty Re: Paddings & Margins Tue Mar 23, 2010 8:15 pm

shamzblueworld

shamzblueworld
Registered Member
Registered Member
anyone else wanna explain a little more? not getting how to best use it.

5Paddings & Margins Empty Re: Paddings & Margins Wed Apr 07, 2010 12:22 am

ecosystem

ecosystem
Registered Member
Registered Member
You can define an element in the CSS (its name) and apply those properties.
I find it better to establish a position: variable.

For example:

Code:
NAME HERE {
position: relative;
padding: 10px;
}
^This would cause the element to have a 10 pixel wide invisible spacing around all 4 sides.

-or-

Code:
NAME HERE {
position: relative;
padding-left: 10px;
padding-top: 10px;
}
^This would make the spacing only on the left and top of the element.


You can search CSS tutorials and see which properties you can apply to certain elements in the stylesheet, and which ones are the most useful.

Padding is pretty useful in my opinion.

6Paddings & Margins Empty Re: Paddings & Margins Thu Apr 08, 2010 11:49 am

asdfghjkl

asdfghjkl
Registered Member
Registered Member
Margin and padding explained; CSS tutorial you also will see here

http://xigmapro.com/

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

WebArtz - The Web Design Forum » Web Designing & Coding » Web Design Talk » Paddings & Margins

Permissions in this forum:
You cannot reply to topics in this forum