[css-d] Trivial Pursuits

2012-05-18 Thread David Laakso 
Greetings,
Your constructive comments and suggestions with regard this site
[signature link] in only Redmond  6/7/8 are gratefully appreciated..
Best,
David Laakso

-- 
Chelsea Creek Studio
http://ccstudi.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] fluid layout with irregular shapes - what techniques are available for us today ?

2012-05-18 Thread mem 

> 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.

Thanks. I will search for ways to place the text on top of the image. 
Perhaps, by putting it as position absolute, inside the same container as the 
image.

> +1 for taking into consideration that white text on a white page will
> be unreadable for users who employ a healthy minimum font-size or
> those who may scale the fonts.

Ok. Indeed, we must be careful to, when the user resizes, that white text 
should never pass that yellow-gold shape, and the same goes for footer. 

> 
> Best,
> David Laakso

Thanks a lot, again. 

I will now deal with it and test a lot. :)



mem
__
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] fluid layout with irregular shapes - what techniques are available for us today ?

2012-05-18 Thread David Laakso 
On Thu, May 17, 2012 at 9:06 PM, mem  wrote:

Here is the URL containing the layout :
http://www.tiikoni.com/tis/view/?id=a4f3585

 Please note:
I don't care if IE7 and earlier versions aren't targeted.
A mobile version was not purchased by the client so, we don't have
that need here.

k. regards,
 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:auto;}
And superimpose the white text on top of that image.
+1 for taking into consideration that white text on a white page will
be unreadable for users who employ a healthy minimum font-size or
those who may scale the fonts.

Best,
David Laakso

-- 
Chelsea Creek Studio
http://ccstudi.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/