How do I put this in CSS?[Photoshop Slicing Question] - Page 2

Purpleoctopussy · 02-09-2008, 12:09 AM

Exactly :P

Aarlev · 02-09-2008, 05:44 PM

Quote:

Originally Posted by mitchbones

Also png are a small file size but have great quality. How big is the IE6 demographic anyways?

http://www.w3schools.com/browsers/browsers_stats.asp

Purpleoctopussy · 02-10-2008, 11:50 PM

Ah ha!
The truth has been revealed .png will work in EI6 and even as far back as IE4 , but as soon as you apply an alpha transparency to the binary image, the image will pick up any back ground colors that you are using in your site.

So the first image is what the alpha transparency would look like in IE6 (notice you can still see the image)
The second is what it looks like with the alpha transparency fix.

Sono Juventino · 02-11-2008, 02:52 AM

It is also possible to add different images to IE6 if you are displaying your images as background-images. (They should do if they are design).

Example:

Code:

#header {
     lots of code: bla bla;
     background: url('url_to_bg.png') no-repeat top left #ffffff !important;
     background: url('url_to_ie6_bg.png') no-repeat top left #ffffff;
}

FX, Opera and IE6 (which all can handle png well) are using the first line, but ie6 dosent understand it, and jumps down to the second line. Just save the Ie6 images as jpg or gif. Ie6 users dosen't deserve good quality anyways..

Note that you may also use the underscore hack.

Code:

background: url('') ;
_background url('') ;

The last line of code will be ignored by propper browsers, but IE6 will take it.

Good luck

Aarlev · 02-11-2008, 02:38 PM

Quote:

Originally Posted by Sono Juventino

Note that you may also use the underscore hack.

Code:

background: url('') ;
_background url('') ;

The last line of code will be ignored by propper browsers, but IE6 will take it.

Good luck

Didn't know about the underscore hack. Cheers for that.

Still for this layout why use hacks or alpha transparency etc. There's no transparency needed so why not just use gif/jpeg? The difference in image quality is probably there but it's very hard to see it.

PNG 24:

JPEG:

alyCe · 02-11-2008, 02:58 PM

but then again, you can't say "this is the quality of a jpeg-image", just as you can't say that with png or gif. It all depends on how much you compress it. jpg is still suitable for many uses and for larger images, but the alpha transparecy is invaluable for webdesign. And statistics don't tell the whole truth, because although 32% of humanity sits on ie6 it doesn't mean that 32% of all your visitors will use it. People who care about design will probably not sit on ie6 for example

Aarlev · 02-12-2008, 05:08 AM

Quote:

Originally Posted by alyCe

but then again, you can't say "this is the quality of a jpeg-image", just as you can't say that with png or gif. It all depends on how much you compress it. jpg is still suitable for many uses and for larger images, but the alpha transparecy is invaluable for webdesign. And statistics don't tell the whole truth, because although 32% of humanity sits on ie6 it doesn't mean that 32% of all your visitors will use it. People who care about design will probably not sit on ie6 for example

Alpha transparency is definitely invaluable for web design, I never said it wasn't. It's a great format and I'm delighted that IE7 supports PNG, and I can't wait until IE6 and older browsers are history.

For a portfolio site, sure IE6 users will probably not be your main target audience but for a lot of other sites it will be. A lot of work places and older folks are still on IE6. The commercial sites I do are for the event industry and our main target audience are on IE6.
I'd love to use PNG for shadows and stuff but our CMS doesn't support PNG yet and I couldn't be bothered with the fixes/hacks either.

I just don't get why you'd use PNG when you don't need transparency? The JPEG is set to 100% quality but is still smaller in file size than the PNG and I can't see the difference. Plus it will work on Aunt Karens old piece of crap running Ie6 with no hacks needed

Sorry for hijacking your thread Mitchbones

The Poor guy just wanted to slice his graphics

02-11-2008, 02:52 AM	#14
Sono Juventino Football geek Join Date: Feb 2008 Location: Oslo, Norway Posts: 98	It is also possible to add different images to IE6 if you are displaying your images as background-images. (They should do if they are design). Example: Code: #header { lots of code: bla bla; background: url('url_to_bg.png') no-repeat top left #ffffff !important; background: url('url_to_ie6_bg.png') no-repeat top left #ffffff; } FX, Opera and IE6 (which all can handle png well) are using the first line, but ie6 dosent understand it, and jumps down to the second line. Just save the Ie6 images as jpg or gif. Ie6 users dosen't deserve good quality anyways.. Note that you may also use the underscore hack. Code: background: url('') ; _background url('') ; The last line of code will be ignored by propper browsers, but IE6 will take it. Good luck __________________ http://juvenorge.com \| Personal site (Comming soon)

02-11-2008, 02:58 PM	#16
alyCe sans-serif Join Date: Dec 2007 Location: Oslo, Norway Posts: 390	but then again, you can't say "this is the quality of a jpeg-image", just as you can't say that with png or gif. It all depends on how much you compress it. jpg is still suitable for many uses and for larger images, but the alpha transparecy is invaluable for webdesign. And statistics don't tell the whole truth, because although 32% of humanity sits on ie6 it doesn't mean that 32% of all your visitors will use it. People who care about design will probably not sit on ie6 for example __________________ When in doubt, wink, peace and pout

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode


Welcome to our Graphic Design Forums! Your Design Forums has active graphic design forums where community members discuss graphic design related topics.

02-09-2008, 12:09 AM	#11
Purpleoctopussy Junior Designer Join Date: Jan 2008 Location: P.G., Canada Posts: 28	Exactly :P