Re: [css-d] Block out Background image with mask !

2015-05-22 Thread John Andrews
Try a gif image with black and transparent instead of a png image. Gifs can have a transparent background. On Fri, May 22, 2015 at 2:57 PM, Crest Christopher < crestchristop...@gmail.com> wrote: > I want to make a background-image within a pesudo-element; where as, where > the image is black, the

Re: [css-d] Width for background image width

2015-05-22 Thread Tom Livingston
If you add a bg image to a container, it will be its actual size UNLESS you add styles that effect its size. Cover, contain, background-size:100% auto; and the like will effect the size of the bg img. If you want to see the entire bg img at its actual size the container needs to be the same dimens

Re: [css-d] Width for background image width

2015-05-22 Thread Tom Livingston
Sounds like your bg img is as big as its container. Makes sense. I'm really not understanding what you want. On Friday, May 22, 2015, Crest Christopher wrote: > Background-size: 100% auto, scales the background image smaller. If I add > to the element width: the size of the background image > i

Re: [css-d] Width for background image width

2015-05-22 Thread Crest Christopher
Background-size: 100% auto, scales the background image smaller. If I add to the element width: the size of the background image is perfect, in other words, the exact results I want. Is it recommended to add width, unless you are using a positioning for the element ? No other background-siz

[css-d] Block out Background image with mask !

2015-05-22 Thread Crest Christopher
I want to make a background-image within a pesudo-element; where as, where the image is black, the background image stops. background-image:url("acme.png"); mask-image:url("maskout.png") alpha; __ css-discuss [css-d@lists.css-

Re: [css-d] making a site responsive - first step: making it all fluid

2015-05-22 Thread Erik Visser
Philip Taylor schreef op 22-05-15 om 10:59: No. In simpler words, as the widths of the individual columns add to exactly 100%, it is not at all clear to me when one or more of those columns might appear /underneath/ another column rather than alongside (ignoring rounding issues). Talking abou

Re: [css-d] making a site responsive - first step: making it all fluid

2015-05-22 Thread Philip Taylor
Erik Visser wrote: > Philip Taylor schreef op 22-05-15 om 10:28: > >> Given that the latter three add to exactly 100%, and ignoring rounding >> issues, in what circumstances (if any) would you expect them to exploit >> their floatability ? > > I am not a native English speaker. (guess you alre

Re: [css-d] making a site responsive - first step: making it all fluid

2015-05-22 Thread Erik Visser
Philip Taylor schreef op 22-05-15 om 10:28: Given that the latter three add to exactly 100%, and ignoring rounding issues, in what circumstances (if any) would you expect them to exploit their floatability ? I am not a native English speaker. (guess yoiu already noticesd) So to be shure. If i

Re: [css-d] making a site responsive - first step: making it all fluid

2015-05-22 Thread Philip Taylor
Erik Visser wrote: > The current main structure is 3 columns (percentage based) in a wrapper. > Completed with a header and footer. Main css for the columns: > > #wrap{width:100%; height:auto; float:left; margin:1.25rem 0 1rem 0;} > #left{width:20%; height:auto; float:left; margin:0 0 0 0.6rem;

Re: [css-d] making a site responsive - first step: making it all fluid

2015-05-22 Thread Erik Visser
Georg schreef op 21-05-15 om 17:46: You do not have to make your page responsive on wide screens, in order to make it fit narrow screens. I suggest you manipulate the original design through a series of mediaqueries, to make it work on narrower screens. That is: a "mobile last" approach that ma