Click to See Complete Forum and Search --> : need guru to explain padding margins


AluminX
07-21-2007, 01:43 AM
Ok so i finished reading this book(Head First HTML with CSS & XHTML) and it really helped me alot to understand how to structure and stylize html pages but i still have some issues that are not totally clear to me.
I made some simple flash animations on how i imagine it in my head. let me know which one is the right one if any :P
(Cope Paste Links they dont seem to work when hyperlinked.)
Padding:
ok let me see if i got this right. Padding gives space between the elements edge and its innerHtml content but does this space that is created expands inwards(htt_p://adriansdesigns.freehostia.com/htmlanimation/padding-inwards.swf) or outwards(htt_p://adriansdesigns.freehostia.com/htmlanimation/padding-outwardswards.swf)?

Margin: expands the element's space between other elements pushing them outwards (htt_p://adriansdesigns.freehostia.com/htmlanimation/margins.swf)?

Floating: i would like to make an inline element go under a floatting div. Can i do that or are inline elements treated as inline exclusively?

i have acouple of more questions, which can't seem to come in my head right now. Maybe because it's 3:00 am. Anyway. Help would be every much appreciated.
Thank you in advance.

Fang
07-21-2007, 05:44 AM
Depents on the document mode and the element's display property.
Compulsory reading:standards v quirks mode (http://www.w3.org/International/articles/serving-xhtml/Overview.en.php#quirks), box model (http://www.w3.org/TR/REC-CSS2/box.html), model details (http://www.w3.org/TR/REC-CSS2/visudet.html#Computing_widths_and_margins)

AluminX
07-21-2007, 10:13 AM
ohh those are some great links. Thank you very much