Re: [css-d] positioning images on a background graphic
> The easiest solution is to add... > > #container { > padding: 1px 0; > } Thanks Georg, that seems to have done the trick :-) And thanks for the link ... best, Anthony __ 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] Text won't flow around images in IE
The text should jump below the bottom of the image when you float. If you don't want this, you can use a paragraph. text goes here This way your text will behave the way you like. Hopefully ;) __ 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] PNG alpha transparancy
Hi, A young webdesigner colleague of mine insists on using PNG's with alpha transparancy in his designs, mostly because he uses a lot of gradients and he wants them to flow seamlessly into the other backgrounds. Personally, I think it's bad practice to use such a feature since it isn't supported by all browsers, something very specific to the PNG format. I also have the mindset that you can get the same result by using different techniques, without alpha transparancy. I find it odd that they don't teach you these things in school to be honest.. What do you guys think? Use it or lose it? Kind regards, Gunther Van Butsele __ 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] PNG alpha transparancy
On Fri, May 15, 2009 at 5:12 AM, Gunther Van Butsele wrote: > > A young webdesigner colleague of mine insists on using PNG's with alpha > transparancy in his designs, mostly because he uses a lot of gradients > and he wants them to flow seamlessly into the other backgrounds. > > What do you guys think? Use it or lose it? You could use one of the many tricks to add PNG alpha transparency to Internet Explorer 6 (all other "modern" browsers support the format just fine), but depending on what you're trying to do with PNGs, it might not always "take," especially if you're doing anything like dynamically loading images via a slideshow or whatever. Or you could probably create an alternate GIF for IE6 with an approximate matte color, so it doesn't look too awful. My preferred option for PNG transparency, though, is to create PNG-8 with alpha transparency with Fireworks. The image fidelity isn't as great as PNG-24 (PNG-32 in Fireworks), but for most digital work the difference isn't too noticeable. Non-IE6 browsers treat semi-transparent pixels correctly, and IE6 treats them as fully transparent. With enough care in the design, it should work really well in all browsers. The greatest benefit from PNG-8 is the smaller file size, which can sometimes even be smaller than GIF. For more on this topic, see: http://www.sitepoint.com/blogs/2007/09/18/png8-the-clear-winner/ But none of that really answers your question. I'd say aesthetically that over-reliance on gradients, drop-shadows, etc., can get tiresome, especially when there are a lot of them on a page. It'd be worth your colleague's time to expand his toolbox. Erik __ 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] PNG alpha transparancy
Gunther Van Butsele wrote: > Hi, > > A young webdesigner colleague of mine insists on using PNG's with alpha > transparancy in his designs, mostly because he uses a lot of gradients > and he wants them to flow seamlessly into the other backgrounds. > > Personally, I think it's bad practice to use such a feature since it > isn't supported by all browsers, something very specific to the PNG > format. I also have the mindset that you can get the same result by > using different techniques, without alpha transparancy. I find it odd > that they don't teach you these things in school to be honest.. > > What do you guys think? Use it or lose it? I also insist on the use of PNGs, so my sentiments reside with your colleague. The cross browser support of the PNG format is comparable and nearly equivalent to JPG, with the exception of everyone's favorite red-headed step-child: Internet Explorer (especially version 6 and older). PNGs offer a great many more benefits than just the alpha channel transparency and strong calls for its widespread implementation have been issued by both the Free Software Foundation and the World Wide Web Consortium, as well as others. Learn more here: http://en.wikipedia.org/wiki/Portable_Network_Graphics Invoice for $0.02 USD to follow. Hope it helps. Bill -- __ 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] Text won't flow around images in IE
Hi Lorrens, Ah! Thanks for that info. I'll have to be sure to check the code carefully. When I drop images into a layout. C. From: lorr...@gmail.com [mailto:lorr...@gmail.com] On Behalf Of Lourens Thale The text should jump below the bottom of the image when you float. If you don't want this, you can use a paragraph. text goes here This way your text will behave the way you like. Hopefully ;) __ 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/