Re: [css-d] background layering, transparency help
I have had great results with this: http://www.dillerdesign.com/experiment/DD_belatedPNG/ On Thu, Jun 24, 2010 at 1:27 AM, Thierry Koblentz n...@tjkdesign.com wrote: Questions: 1. The png circular logo (top left) looks good in all browsers except ie6 windows. Any suggestions? See if this helps: http://www.tjkdesign.com/articles/png-alpha-transparency_with-no-http-reque st.asp -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-discuss [cs...@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/ -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [cs...@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] background layering, transparency help
HI Chris, you were right on with the png for the background, thank you. Questions: 1. The png circular logo (top left) looks good in all browsers except ie6 windows. Any suggestions? 2. I have stray text in my footer, I cannot figure out what is wrong, please help: http://www.clarksburgwineco.com/pages/contact.html thanks. --stuart On Tue, Jun 22, 2010 at 9:14 PM, Chris Blake ch...@3pointdesign.com wrote: Stuart King wrote: Hi : I need to logo to be on top. 2. I need the yellow background to be at 75% opacity 3. I need the text and image in the .mc_50 and .mc_50r classes to be at 100% opacity Please help URL: http://www.clarksburgwineco.com/index_sk.html thank you. --Stuart aside A cup of tea and perhaps a little more passive approach to the tyography might be nice, too... /aside Best, ~d Haha, I'll have a cuppa too. But I think it's pretty cool. Just use a 1x1px tranpsarent PNG background image (repeat) for your opacity problem. It'll just make it easier. Menu is a bit tricky to navigate - bigger maybe. The main body of text could do with more space to the left. Considering you are using browns everywhere I think you could get away with using two fonts for headlines e.g. H1: something; H2: something else. If you're out off tea a few crates of wine will do. Cheers, CB __ css-discuss [cs...@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] background layering, transparency help
Questions: 1. The png circular logo (top left) looks good in all browsers except ie6 windows. Any suggestions? See if this helps: http://www.tjkdesign.com/articles/png-alpha-transparency_with-no-http-reque st.asp -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-discuss [cs...@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/
[css-d] background layering, transparency help
Hi : I need to logo to be on top. 2. I need the yellow background to be at 75% opacity 3. I need the text and image in the .mc_50 and .mc_50r classes to be at 100% opacity Please help URL: http://www.clarksburgwineco.com/index_sk.html thank you. --Stuart __ css-discuss [cs...@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] background layering, transparency help
Stuart King wrote: Hi : I need to logo to be on top. Bang the browser reload button a couple of times. Does the logo jump on top? http://www.clarksburgwineco.com/index_sk.html --Stuart Best, ~d -- http://chelseacreekstudio.com/ __ css-discuss [cs...@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] background layering, transparency help
On Tuesday, June 22, 2010 2:24:00 pm Stuart King wrote: Hi : I need to logo to be on top. 2. I need the yellow background to be at 75% opacity 3. I need the text and image in the .mc_50 and .mc_50r classes to be at 100% opacity I tried background: rgba(255,247,200,.75) ... but it didn't work in Chrome's developer console, so I don't know if it'll actually work. It makes the yellow translucent, but I don't know if it'll make the image transparent as well. Might we worth a shot. The other option is making the image .75 opaque in a graphs program, and using a lighter yellow for the background. Would give the same effect, but wouldn't be using CSS. ---Tim __ css-discuss [cs...@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] background layering, transparency help
On Jun 23, 2010, at 10:28 AM, Tim Climis wrote: I need to logo to be on top. 2. I need the yellow background to be at 75% opacity 3. I need the text and image in the .mc_50 and .mc_50r classes to be at 100% opacity I tried background: rgba(255,247,200,.75) ... but it didn't work in Chrome's developer console, so I don't know if it'll actually work. It makes the yellow translucent, but I don't know if it'll make the image transparent as well. Might we worth a shot. It won't -of course- affect the image. rgba(255,247,200,.75) is a _color_ value. As you say, if the image needs a bleached-out look, edit it in a dedicated app. Using rgba() color values is the way to go for what the OP want. Philippe --- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [cs...@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] background layering, transparency help
On Tuesday, June 22, 2010 9:53:06 pm Philippe Wittenbergh wrote: It won't -of course- affect the image. rgba(255,247,200,.75) is a _color_ value. As you say, if the image needs a bleached-out look, edit it in a dedicated app. I didn't think it was quite that obvious... I'll admit, i didn't think it likely, but I thought it plausible that assigning an alpha value to the color of the background might affect the rest of the background too. But what I found was happening was that assigning a rgba color value to the background made the background image go away completely - which is broken behavior in anyone's book. Thankfully that behavior only manifests itself in the developer console. An actual page load does work exactly like you say, and as I expected. ---Tim __ css-discuss [cs...@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] background layering, transparency help
Stuart King wrote: Hi : I need to logo to be on top. 2. I need the yellow background to be at 75% opacity 3. I need the text and image in the .mc_50 and .mc_50r classes to be at 100% opacity Please help URL: http://www.clarksburgwineco.com/index_sk.html thank you. --Stuart aside A cup of tea and perhaps a little more passive approach to the tyography might be nice, too... /aside Best, ~d -- desktop http://chelseacreekstudio.com/ __ css-discuss [cs...@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] background layering, transparency help
Stuart King wrote: Hi : I need to logo to be on top. 2. I need the yellow background to be at 75% opacity 3. I need the text and image in the .mc_50 and .mc_50r classes to be at 100% opacity Please help URL: http://www.clarksburgwineco.com/index_sk.html thank you. --Stuart aside A cup of tea and perhaps a little more passive approach to the tyography might be nice, too... /aside Best, ~d Haha, I'll have a cuppa too. But I think it's pretty cool. Just use a 1x1px tranpsarent PNG background image (repeat) for your opacity problem. It'll just make it easier. Menu is a bit tricky to navigate - bigger maybe. The main body of text could do with more space to the left. Considering you are using browns everywhere I think you could get away with using two fonts for headlines e.g. H1: something; H2: something else. If you're out off tea a few crates of wine will do. Cheers, CB __ css-discuss [cs...@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/