[css-d] Responsive Design Question

2015-01-10 Thread Chick Newman
I am trying to set up a media query for my website. Here's a hypothetical example of a query: @ media and (max-width:600px) { #stage { width:50%; clear:both; } } What I'd like to know is whether this query will apply to all devices whose maximum viewports are smaller than 60

Re: [css-d] Responsive Design Question

2015-01-10 Thread John
> On Jan 10, 2015, at 10:05 AM, Chick Newman wrote: > > What I'd like to know is whether this query will apply to all devices whose > maximum viewports are smaller than 600 px, e,g, if it is only 380 px. If > not, does that mean I have to set up a max-width property specific for every > hand

Re: [css-d] Responsive Design Question

2015-01-10 Thread Tom Livingston
I would recommend using min-width MQs. That will apply the styles to devices whose width is AT LEAST as wide as the designated width in the MQ. What I do is set base styles that apply to all devices up to the next min-width MQ. These base styles cover the multitude of size differences. At the firs

[css-d] Drop Shadow for Image

2015-01-10 Thread Crest Christopher
I want to create a drop shadow based on the masked image for the image, this is what I've unsuccessfully done so far; http://www.thecreativesheep.ca/wdp/wip/PaperTear.htm Christopher __ css-discuss [css-d@lists.css-discuss.org]

Re: [css-d] Drop Shadow for Image

2015-01-10 Thread Tom Livingston
On Sat, Jan 10, 2015 at 5:11 PM, Crest Christopher wrote: > I want to create a drop shadow based on the masked image for the image, this > is what I've unsuccessfully done so far; > http://www.thecreativesheep.ca/wdp/wip/PaperTear.htm > > Christopher You are better off making the shadow as part o

[css-d] Background-Image overrides background color

2015-01-10 Thread Crest Christopher
The background image should sit on-top of the background color, instead the background color is overriding my background image ? background-color:#343630;/*#b7b7b7;*/ background:url("/wdp/wip/overlay_bg.png"); background-position:top; background-blend-mode: overlay; m

Re: [css-d] Background-Image overrides background color

2015-01-10 Thread John Andrews
Try making the background color the last item in the list. On Sat, Jan 10, 2015 at 11:59 PM, Crest Christopher < crestchristop...@gmail.com> wrote: >The background image should sit on-top of the background color, instead > the background color is overriding my background image ? > > backgrou

Re: [css-d] Background-Image overrides background color

2015-01-10 Thread Karl DeSaulniers
I would suggest a little trip to WC3. You have posted this a lot. it should be background-image: if your just setting the url attribute to your background image. background: if your setting the url, position, size, origin, color, etc as the shorthand notation. See here: http://www.w3school

Re: [css-d] Background-Image overrides background color

2015-01-10 Thread Jukka K. Korpela
2015-01-11, 6:59, Crest Christopher wrote: The background image should sit on-top of the background color, Yes, if both are specified. instead the background color is overriding my background image ? background-color:#343630;/*#b7b7b7;*/ background:url("/wdp/wip/overlay_bg.png");