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 tom...@gmail.com To: dave higgs da...@higgsy.com Cc: css-d@lists.css-discuss.org Sent: Thursday, May 10, 2012 1:01 PM Subject: Re: [css-d] some pages move horizontally HTML{overflow-y:

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:

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 meera_k...@yahoo.com 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.

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,

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 meera_k...@yahoo.com 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.

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 talofo.l...@gmail.com 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

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: #f6f6f6;

[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: style type=text/css /** outlook adjustment **/ v\:* { behavior:

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 junk...@live.com 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:

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 – img style=display:block src=blah alt=blah / There's a handy guide to various cross-client compatibility over here: http://htmlemailboilerplate.com/ Regards, Barney Carroll

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,

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 br or br / 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]

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 junk...@live.com wrote: I have used true inline sheets and Outlook 2010 completely ignores it, resulting in images stacking on each other unless  I use br or br / tags. Date: Mon, 21 May 2012 12:50:20 -0400 From: tom...@gmail.com To: junk...@live.com

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 tom...@gmail.com wrote: On Mon, May 21, 2012 at 3:52 PM, J Mi junk...@live.com wrote: I have used true inline sheets and Outlook 2010 completely ignores it, resulting in images stacking on each other unless I use br or br / tags. Date:

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 Mijunk...@live.com 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:

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 if it

[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]

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