Re: [css-d] Minimum width for flexible page

2012-05-21 Thread Felix Miata
On 2012/05/21 17:56 (GMT-0400) matt1027 composed: matt1027 wrote: I've got a flexible page layout that uses a max width style to keep it from getting overly wide. max-width: 980px; width:expression(document.body.clientWidth> 980? "980px": "auto"); I see now that I need to also have a m

[css-d] 150 and up...

2012-05-21 Thread David Laakso
Your constructive comments and suggestions on the sections of this site [signature link] are always appreciated. Best, David Laakso -- Chelsea Creek Studio http://ccstudi.com __ css-discuss [css-d@lists.css-discuss.org] http://www

Re: [css-d] Minimum width for flexible page

2012-05-21 Thread matt1027
At 10:44 PM 5/20/2012, matt1027 wrote: I've got a flexible page layout that uses a max width style to keep it from getting overly wide. max-width: 980px; width:expression(document.body.clientWidth > 980? "980px": "auto"); I see now that I need to also have a minimum width because it "breaks i

Re: [css-d] display:block in Outlook 2007 & 2010

2012-05-21 Thread Markus Ernst
Am 21.05.2012 22:22 schrieb Jeff Reid: On Mon, May 21, 2012 at 12:34 PM, J Mi wrote: Hey All, Does anyone know how to make the display:block attribute work in Outlook 2007& 2010 for images? I used inline-style sheets and it doesn't work. This may help you some: http://www.campaignmoni

Re: [css-d] display:block in Outlook 2007 & 2010

2012-05-21 Thread Jeff Reid
On Mon, May 21, 2012 at 3:19 PM, Tom Livingston wrote: > On Mon, May 21, 2012 at 3:52 PM, J Mi wrote: > > I have used true inline sheets and Outlook 2010 completely ignores it, > > resulting in images stacking on each other unless I use or > > tags. > > > >> Date: Mon, 21 May 2012 12:50:20 -0

Re: [css-d] display:block in Outlook 2007 & 2010

2012-05-21 Thread Tom Livingston
On Mon, May 21, 2012 at 3:52 PM, J Mi wrote: > I have used true inline sheets and Outlook 2010 completely ignores it, > resulting in images stacking on each other unless  I use or > tags. > >> Date: Mon, 21 May 2012 12:50:20 -0400 >> From: tom...@gmail.com >> To: junk...@live.com >> CC: css-d@li

Re: [css-d] display:block in Outlook 2007 & 2010

2012-05-21 Thread J Mi
I have used true inline sheets and Outlook 2010 completely ignores it, resulting in images stacking on each other unless I use or tags. > Date: Mon, 21 May 2012 12:50:20 -0400 > From: tom...@gmail.com > To: junk...@live.com > CC: css-d@lists.css-discuss.org > Subject: Re: [css-d] display:blo

Re: [css-d] Minimum width for flexible page

2012-05-21 Thread Chris F.A. Johnson
On Sun, 20 May 2012, matt1027 wrote: I've got a flexible page layout that uses a max width style to keep it from getting overly wide. max-width: 980px; Generally, 980px is too narrow. It also doesn't take into account the viewers size which van vary over a wide range. For some, 98

Re: [css-d] display:block in Outlook 2007 & 2010

2012-05-21 Thread Barney Carroll
Hey W, Stylesheets are often unreliable in email clients. For many things, you have to bring the styles inline – There's a handy guide to various cross-client compatibility over here: http://htmlemailboilerplate.com/ Regards, Barney Carroll barney.carr...@gmail.com +44 7429 177278 barneycarr

Re: [css-d] display:block in Outlook 2007 & 2010

2012-05-21 Thread Tom Livingston
On Mon, May 21, 2012 at 12:34 PM, J Mi wrote: > > Hey All, > > Does anyone know how to make the display:block attribute work in Outlook 2007 > & 2010 for images? I used inline-style sheets and it doesn't work. > > I also tried declaring it in the CSS stylesheet but it didn't work: > > >  /** out

[css-d] display:block in Outlook 2007 & 2010

2012-05-21 Thread J Mi
Hey All, Does anyone know how to make the display:block attribute work in Outlook 2007 & 2010 for images? I used inline-style sheets and it doesn't work. I also tried declaring it in the CSS stylesheet but it didn't work: /** outlook adjustment **/ v\:* { behavior: url(#default#VML);

Re: [css-d] image merged with backgound with gradient

2012-05-21 Thread mem
> By taking David L. suggestion: > > About the CSS3 options, if you need to play on the background with both, > image and gradient, this may work: > > I.e - an image on our background, on the bottom left of a given container, > and a gradient from right to left. > > background-color: #f6f6f

Re: [css-d] fluid layout with irregular shapes - what techniques are available for us today ?

2012-05-21 Thread David Laakso
On Mon, May 21, 2012 at 7:26 AM, mem wrote: > > One approach you might consider for the large yellow-gold shape is to > set as a foreground image: > img{display:block;width:100%;height:auto;} > And superimpose the white text on top of that image. > > By thinking on David suggestion I just thought

Re: [css-d] image merged with backgound with gradient

2012-05-21 Thread mem
On May 19, 2012, at 20:30 , David Laakso wrote: > On Sat, May 19, 2012 at 2:58 PM, meera kibe wrote: > > I want to implement the following: > A image merged with a background with gradient. Something similar to > http://www.sittercity.com/au-pair in the "Find available au-pairs". > I would appre

Re: [css-d] Minimum width for flexible page

2012-05-21 Thread Georg
I see now that I need to also have a minimum width because it "breaks if it gets too narrow. What would be the best way to do that? Is there something I can add to what I'm already using? It works very well across all browsers. In most cases the following solution will work in all new, an

Re: [css-d] image merged with backgound with gradient

2012-05-21 Thread mem
On May 19, 2012, at 20:30 , David Laakso wrote: > On Sat, May 19, 2012 at 2:58 PM, meera kibe wrote: > > I want to implement the following: > A image merged with a background with gradient. Something similar to > http://www.sittercity.com/au-pair in the "Find available au-pairs". > I would appre

Re: [css-d] fluid layout with irregular shapes - what techniques are available for us today ?

2012-05-21 Thread mem
> Assuming your fluid layout is taking tablets in the mix the images > need to fold from a full window to 1024 [tablet horizontal] and 768 > [tablet vertical]. > One approach you might consider for the large yellow-gold shape is to > set as a foreground image: > img{display:block;width:100%;height:

Re: [css-d] some pages move horizontally

2012-05-21 Thread dave higgs
thanks Tom, will investigate that option regards Dave - Original Message - From: "Tom Livingston" To: "dave higgs" Cc: Sent: Thursday, May 10, 2012 1:01 PM Subject: Re: [css-d] some pages move horizontally HTML{overflow-y: scroll;} is one possibility Sent from iOS 5 On May 10, 201