Re: [css-d] BG Repeat one direction ?
Hi Chris, Try this. 1. make a blank image (photoshop file) that is 420px height. 2. repeat your image you have now inside that image up to 412px leaving the 6 pixels remaining, to be transparent. 3. save as transparent png. 4. put the new image as the background with background-repeat: no-repeat; Best, Karl DeSaulniers Design Drumm http://designdrumm.com On May 26, 2015, at 8:08 PM, Crest Christopher crestchristop...@gmail.com wrote: Suppose you have a 500px height container. You set the background image to bottom, you want it to repeat on the Y, as in up, except you want it to repeat only so many pixels, lets make up a number of 412px, then the rest of the container is blank ? Christopher __ css-discuss [css-d@lists.css-discuss.org] 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] BG Repeat one direction ?
On Tuesday, May 26, 2015, Crest Christopher crestchristop...@gmail.com wrote: That is a last resort, you mean it's impossible to do the method I mentioned ? I've never heard of any way to stop a repeating background pattern where ever you want. Not in css anyway. Nor have I ever heard of doing it with script, but I've never looked into it. -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 __ css-discuss [css-d@lists.css-discuss.org] 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] BG Repeat one direction ?
I guess you could try two divs. one transparent, one inside that holding the pattern. On Tuesday, May 26, 2015, Tom Livingston tom...@gmail.com wrote: On Tuesday, May 26, 2015, Crest Christopher crestchristop...@gmail.com javascript:_e(%7B%7D,'cvml','crestchristop...@gmail.com'); wrote: That is a last resort, you mean it's impossible to do the method I mentioned ? I've never heard of any way to stop a repeating background pattern where ever you want. Not in css anyway. Nor have I ever heard of doing it with script, but I've never looked into it. -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 __ css-discuss [css-d@lists.css-discuss.org] 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] BG Repeat one direction ?
Suppose you have a 500px height container. You set the background image to bottom, you want it to repeat on the Y, as in up, except you want it to repeat only so many pixels, lets make up a number of 412px, then the rest of the container is blank ? Christopher Philippe Wittenbergh mailto:e...@l-c-n.com Tuesday, May 26, 2015 7:34 PM 1st hit: https://duckduckgo.com/?q=MDN+background-repeatt=osx Philippe -- Philippe Wittenbergh http://l-c-n.com/ Crest Christopher mailto:crestchristop...@gmail.com Tuesday, May 26, 2015 7:28 PM How can I background-repeat in one direction ? __ css-discuss [css-d@lists.css-discuss.org] 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] BG Repeat one direction ?
I thought about two divs, I was hoping CSS could do this, hrm, scripting not sure if I want to go that route. Tom Livingston mailto:tom...@gmail.com Tuesday, May 26, 2015 10:39 PM I guess you could try two divs. one transparent, one inside that holding the pattern. On Tuesday, May 26, 2015, Tom Livingston tom...@gmail.com mailto:tom...@gmail.com wrote: -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com http://medialogic.com #663399 Tom Livingston mailto:tom...@gmail.com Tuesday, May 26, 2015 10:38 PM On Tuesday, May 26, 2015, Crest Christopher crestchristop...@gmail.com mailto:crestchristop...@gmail.com wrote: I've never heard of any way to stop a repeating background pattern where ever you want. Not in css anyway. Nor have I ever heard of doing it with script, but I've never looked into it. -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com http://medialogic.com #663399 Tom Livingston mailto:tom...@gmail.com Tuesday, May 26, 2015 9:19 PM Make a single image 500x412. On Tuesday, May 26, 2015, Crest Christopher crestchristop...@gmail.com mailto:crestchristop...@gmail.com wrote: -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com http://medialogic.com #663399 Crest Christopher mailto:crestchristop...@gmail.com Tuesday, May 26, 2015 9:08 PM Suppose you have a 500px height container. You set the background image to bottom, you want it to repeat on the Y, as in up, except you want it to repeat only so many pixels, lets make up a number of 412px, then the rest of the container is blank ? Christopher Philippe Wittenbergh mailto:e...@l-c-n.com Tuesday, May 26, 2015 7:34 PM 1st hit: https://duckduckgo.com/?q=MDN+background-repeatt=osx Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] 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] BG Repeat one direction ?
Make a single image 500x412. On Tuesday, May 26, 2015, Crest Christopher crestchristop...@gmail.com wrote: Suppose you have a 500px height container. You set the background image to bottom, you want it to repeat on the Y, as in up, except you want it to repeat only so many pixels, lets make up a number of 412px, then the rest of the container is blank ? Christopher Philippe Wittenbergh mailto:e...@l-c-n.com Tuesday, May 26, 2015 7:34 PM 1st hit: https://duckduckgo.com/?q=MDN+background-repeatt=osx Philippe -- Philippe Wittenbergh http://l-c-n.com/ Crest Christopher mailto:crestchristop...@gmail.com Tuesday, May 26, 2015 7:28 PM How can I background-repeat in one direction ? __ css-discuss [css-d@lists.css-discuss.org] 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/ -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 __ css-discuss [css-d@lists.css-discuss.org] 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] BG Repeat one direction ?
That is a last resort, you mean it's impossible to do the method I mentioned ? Tom Livingston mailto:tom...@gmail.com Tuesday, May 26, 2015 9:19 PM Make a single image 500x412. On Tuesday, May 26, 2015, Crest Christopher crestchristop...@gmail.com mailto:crestchristop...@gmail.com wrote: -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com http://medialogic.com #663399 Crest Christopher mailto:crestchristop...@gmail.com Tuesday, May 26, 2015 9:08 PM Suppose you have a 500px height container. You set the background image to bottom, you want it to repeat on the Y, as in up, except you want it to repeat only so many pixels, lets make up a number of 412px, then the rest of the container is blank ? Christopher Philippe Wittenbergh mailto:e...@l-c-n.com Tuesday, May 26, 2015 7:34 PM 1st hit: https://duckduckgo.com/?q=MDN+background-repeatt=osx Philippe -- Philippe Wittenbergh http://l-c-n.com/ Crest Christopher mailto:crestchristop...@gmail.com Tuesday, May 26, 2015 7:28 PM How can I background-repeat in one direction ? __ css-discuss [css-d@lists.css-discuss.org] 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] BG Repeat one direction ?
A link is always best. On Tuesday, May 26, 2015, Tom Livingston tom...@gmail.com wrote: I guess you could try two divs. one transparent, one inside that holding the pattern. On Tuesday, May 26, 2015, Tom Livingston tom...@gmail.com javascript:_e(%7B%7D,'cvml','tom...@gmail.com'); wrote: On Tuesday, May 26, 2015, Crest Christopher crestchristop...@gmail.com wrote: That is a last resort, you mean it's impossible to do the method I mentioned ? I've never heard of any way to stop a repeating background pattern where ever you want. Not in css anyway. Nor have I ever heard of doing it with script, but I've never looked into it. -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 __ css-discuss [css-d@lists.css-discuss.org] 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/
[css-d] BG Repeat one direction ?
How can I background-repeat in one direction ? __ css-discuss [css-d@lists.css-discuss.org] 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] BG Repeat one direction ?
Le 27 mai 2015 à 08:28, Crest Christopher crestchristop...@gmail.com a écrit : How can I background-repeat in one direction ? 1st hit: https://duckduckgo.com/?q=MDN+background-repeatt=osx Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] 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] BG Repeat one direction ?
What I meant is --- never mind I have to try something ! Philippe Wittenbergh mailto:e...@l-c-n.com Tuesday, May 26, 2015 7:34 PM 1st hit: https://duckduckgo.com/?q=MDN+background-repeatt=osx Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@lists.css-discuss.org] 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/