Re: [css-d] Space between Border and Padding
Christopher wrote: Hello, I would like to make a space around the border and the padding, is this possible ? It is wearing thin, Christopher. -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Space between Border and Padding
David Laakso wrote: Christopher wrote: Hello, I would like to make a space around the border and the padding, is this possible ? It is wearing thin, Christopher. ??? I decided to change some things, all I am asking is how to make a space between a border and the padding __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Space between Border and Padding
--- On Tue, 7/22/08, Christopher [EMAIL PROTECTED] wrote: From: Christopher [EMAIL PROTECTED] Subject: Re: [css-d] Space between Border and Padding To: css-d@lists.css-discuss.org Date: Tuesday, July 22, 2008, 3:46 PM David Laakso wrote: Christopher wrote: Hello, I would like to make a space around the border and the padding, is this possible ? How is that different from increasing the padding? - Bobby __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Space between Border and Padding
Christopher wrote: David Laakso wrote: Christopher wrote: Hello, I would like to make a space around the border and the padding, is this possible ? It is wearing thin, Christopher. ??? I decided to change some things, all I am asking is how to make a space between a border and the padding Start here: http://www.w3.org/MarkUp/Guide/Style -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Space between Border and Padding
I have tried almost everything, I just would like a space between the border and the padding so they don't touch. Bobby Jack wrote: --- On Tue, 7/22/08, Christopher [EMAIL PROTECTED] wrote: From: Christopher [EMAIL PROTECTED] Subject: Re: [css-d] Space between Border and Padding To: css-d@lists.css-discuss.org Date: Tuesday, July 22, 2008, 3:46 PM David Laakso wrote: Christopher wrote: Hello, I would like to make a space around the border and the padding, is this possible ? How is that different from increasing the padding? - Bobby __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- *Christopher* - the creative sheep *animator*///motion graphics artist/\\*web dev* web: www.walkfar.ca mailto:[EMAIL PROTECTED] email: [EMAIL PROTECTED] http://www.walkfar.ca/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Space between Border and Padding
I think there needs to be some clarification on the question. As it was worded, I would take it one of three ways. #1) To have a space that surrounds the combined area of the PADDING and the BORDER. #2) To have a space between the outside edge of the padding and the inside edge of the border. #3) To have additional space inside of the padding, between the outside edge of the padding and the inside edge of the border, and also space around the outside edge of the border. The first would seem like a margin adjustment. The second two -- and depending upon the application, the first -- would seem to require some amount of nested DIVs. ...Rob Rob Emenecker @ Hairy Dog Digital www.hairydogdigital.com Please note: Return e-mail messages are only accepted from discussion groups that this e-mail address subscribes to. All other messages are automatically deleted. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Space between Border and Padding
--- On Tue, 7/22/08, Christopher [EMAIL PROTECTED] wrote: I have tried almost everything, I just would like a space between the border and the padding so they don't touch. OK, the only motive I can possibly think for this is that you want two different background colours between the content box and the border - is that correct? In which case, I'd suggest you just use nested divs, as in: http://www.fiveminuteargument.com/nested-divs If I've misunderstood, please describe what final rendering you're actually trying to achieve. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Space between Border and Padding
Christopher wrote: I decided to change some things, all I am asking is how to make a space between a border and the padding In this instance there's only margin, border, padding on an element. Nothing in between really. http://www.w3.org/TR/REC-CSS2/box.html To adjust further you'd need to wrap one element in another element and apply borders, padding, margin accordingly... -Adam Ducker (http://adamducker.com) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Space between Border and Padding
I have tried almost everything, I just would like a space between the border and the padding so they don't touch. That won't happen with a simple padding and border construct. You would need to wrap your element in a DIV to achieve a nested double border, or border with gap between the background color. There may be other ways to achieve this, but IMO a nested element seems the easiest. Rob Emenecker @ Hairy Dog Digital www.hairydogdigital.com Please note: Return e-mail messages are only accepted from discussion groups that this e-mail address subscribes to. All other messages are automatically deleted. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Space between Border and Padding
You see the box with the white border, at the top and bottom I would like a space between the dark blue box and the top and bottom white borders. http://www.walkfar.ca/productionsite9.html David Laakso wrote: Christopher wrote: David Laakso wrote: Christopher wrote: Hello, I would like to make a space around the border and the padding, is this possible ? It is wearing thin, Christopher. ??? I decided to change some things, all I am asking is how to make a space between a border and the padding Start here: http://www.w3.org/MarkUp/Guide/Style -- *Christopher* - the creative sheep *animator*///motion graphics artist/\\*web dev* web: www.walkfar.ca mailto:[EMAIL PROTECTED] email: [EMAIL PROTECTED] http://www.walkfar.ca/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Space between Border and Padding
You see the box with the white border, at the top and bottom I would like a space between the dark blue box and the top and bottom white borders. http://www.walkfar.ca/test/productionsite9.html http://www.walkfar.ca/productionsite9.html David Laakso wrote: Christopher wrote: David Laakso wrote: Christopher wrote: Hello, I would like to make a space around the border and the padding, is this possible ? It is wearing thin, Christopher. ??? I decided to change some things, all I am asking is how to make a space between a border and the padding Start here: http://www.w3.org/MarkUp/Guide/Style -- *Christopher* - the creative sheep *animator*///motion graphics artist/\\*web dev* web: www.walkfar.ca mailto:[EMAIL PROTECTED] email: [EMAIL PROTECTED] http://www.walkfar.ca/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Space between Border and Padding
Christopher wrote: I have tried almost everything, I just would like a space between the border and the padding so they don't touch. Hi Christopher, First off, please bottom post. It's very important to people who receive the digests of these emails that responses are placed below the original message. This is an important matter, especially for frequent posters to the list. To answer your question, you can't add padding between padding and borders. The Box Model doesn't work that way. Working from the outside in, the flow goes like this: margin-border-padding-content. If you're referring to a background image or color, it will cover the content and padding portions of the box, stopping at the border. Many of us on this list receive a great deal of email throughout the course of the day. It's much more helpful if you can provide a more complete description of each problem as well as a link to a page demonstrating the problem. It becomes very difficult for us to assist when questions are unclear and do not include a link to an example. We're happy to help, truly, even if only to validate our own sense of worth, but we need a little help from you, too. ;) Good luck. Bill -- /** * Bill Brown * TheHolierGrail.com MacNimble.com * From dot concept...to dot com...since 1999. ***/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Space between Border and Padding
From: Christopher [EMAIL PROTECTED] I have tried almost everything, I just would like a space between the border and the padding so they don't touch. Sigh. I see you forgot how to bottom post. Christopher. In the scheme of building boxes with CSS, the border and the padding ARE right next to one another. In any individual element, if you have both border and padding, they will share an edge, so to speak. You will probably need to add a separate element with a border surrounding the element with the padding (and use margin on the inner element) to accomplish what you want. David's link is a good one for learning these type of basics. The CSS specification can also be useful. http://www.w3.org/TR/CSS21/indexlist.html Again, Good luck. ~holly __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Space between Border and Padding
Thank You everyone that does the trick, I get the space now :) Adam Ducker wrote: Christopher wrote: I decided to change some things, all I am asking is how to make a space between a border and the padding In this instance there's only margin, border, padding on an element. Nothing in between really. http://www.w3.org/TR/REC-CSS2/box.html To adjust further you'd need to wrap one element in another element and apply borders, padding, margin accordingly... -Adam Ducker (http://adamducker.com) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- *Christopher* - the creative sheep *animator*///motion graphics artist/\\*web dev* web: www.walkfar.ca mailto:[EMAIL PROTECTED] email: [EMAIL PROTECTED] http://www.walkfar.ca/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
