Web Design Forums

stylin328 · 31-10-2006, 00:39

Hey guys, take a look at
http://pure9studios.com/comps/www/

not done or anything but had a question. b/c of the background i want to use for the whole site with the gradient and pattern I was thinking of using .png files for transparency. It works on mac in all browsers and on some PC's. Other PCs make them show up as a grey box ( as the jpg attached in this post ) any ideas how I can fix this problem?

http://pure9studios.com/downloads/P9...screenshot.jpg

Thanks for your help people, it is appreciated.

rjdugan · 31-10-2006, 02:17

nice work... i like it over all. but i'm not sure about the condensed sans serif you chose... what are some of the others you've tried?

steharg · 31-10-2006, 04:24

IE cant display png images with transparency thats why your getting the grey box.

stylin328 · 31-10-2006, 11:35

Thanks for the help. We actually did focus groups in the past with other sites and the consumers tend to like the condesed sans serif. We might change it though b/c i agree with you.

ANyway, anyway around the png's then steharg?
Can I code it in css to work.

Thanks

combat sheep · 31-10-2006, 11:46

You need a IE png hack,

try,
http://www.mongus.net/pngInfo/

If not google it, they do work I've used them before.

You can also use the 'Opacity' effect in css2, This can be cool for transparent div's and such, look it up.

mikhail · 10-11-2006, 12:52

stupid IE! I had to use the PNG hack for EVERY image I used on my site, quite annoying...

dtrenz · 10-11-2006, 13:01

IE7 is supposed to support the PNG alpha channel. previous versions of IE do not.

opacity in css works though.

skyrocket · 11-11-2006, 08:14

Quote:

Originally Posted by mikhail

stupid IE! I had to use the PNG hack for EVERY image I used on my site, quite annoying...

Yep. The web design & development community have been complaining about IE and lack of full PNG support for many years now

. We had the same issue and, if I recall correctly, we changed the PNG's from 24 bit to 8 bit in Photoshop and IE was OK with them. Maybe give that a go...

White Shift · 12-11-2006, 15:06

It makes me laugh that Microsoft Picture Viewer (the built in screenshots of your images) can show the alpha transparency in PNG 8-32 bit, yet IE6, which the Viewer's engine is based on can't.

I don't suggest using a hack just to show the transparency. Browsers that don't support or have Javascript disabled will be at a disadvantage.

The whole semi-opaque website designs really puts me off. When I run into them I usually close it straight away or remove styles. They generally do my head in, as in most cases they aren't done effectively.

Dusteh · 12-11-2006, 15:23

are you for real?

White Shift · 12-11-2006, 15:37

Quote:

Originally Posted by Dusteh

are you for real?

What do you mean?

Dusteh · 13-11-2006, 12:40

A: Browsers that don't support or have Javascript disabled will be at a disadvantage.

How will they be at a disadvantage? The hack most sensible people use degrades to a gif alternative.

B: The whole semi-opaque website designs really puts me off. When I run into them I usually close it straight away or remove styles.

You actually close websites because you are so aggrovated by their use of transparency... or rather view them as plain HTML? Thats odd.

White Shift · 13-11-2006, 14:21

Quote:

Originally Posted by Dusteh

How will they be at a disadvantage? The hack most sensible people use degrades to a gif alternative.

B: The whole semi-opaque website designs really puts me off. When I run into them I usually close it straight away or remove styles.

You actually close websites because you are so aggrovated by their use of transparency... or rather view them as plain HTML? Thats odd.

I didn't realise it degraded to a gif alternative.

I'm not as much aggrovated as annoyed by the rising trend in Mac (or vista) transparency look effects. I think websites should hold transparency to extend their design, not to make up most of it.

I view a lot of sites through plain HTML, if they have great content but a nasty or migraine-sparking design choices. Especially sites that are pink. Alternatively, if it is a available, I go for RSS feeds if they are some place that I regularly visit.

top_buzz · 13-11-2006, 14:58

You sound like a barrel of laughs

mikhail · 15-11-2006, 08:29

jus a thought have you thought of now always loading the whole pages when you change the content like portfolio and contact etc. because the header loads and replays everytime...

stylin328 · 15-11-2006, 10:31

Yea yea, its basically for place only right now, thats basically how the whole sites is for now while its being worked on. I fixed the problem with the pngs so I guess we can close those thread mods.

Thanks to everyone for the help.

dougmays · 16-11-2006, 00:05

ie7 does support pngs now!

jase1000 · 16-11-2006, 00:54

This plain HTML brigade (i.e. can't design for toffee / fucking 21st Century Luddites) get right on my tits. I'm looking forward to designing websites that support a proper alpha channel!

kvandekrol · 05-12-2006, 19:44

sorry, but:

"OUR TALENTED TEAM MEMEBRS"

fix that.

hawken · 06-12-2006, 02:47

css transparency, what a varied history that has.

avoid it. unless you like myspace templates.

31-10-2006, 00:39	#1 (permalink)
stylin328 Senior Member Join Date: Jun 2006 Location: NYC Posts: 332	background pngs maybe? dont know Hey guys, take a look at http://pure9studios.com/comps/www/ not done or anything but had a question. b/c of the background i want to use for the whole site with the gradient and pattern I was thinking of using .png files for transparency. It works on mac in all browsers and on some PC's. Other PCs make them show up as a grey box ( as the jpg attached in this post ) any ideas how I can fix this problem? http://pure9studios.com/downloads/P9...screenshot.jpg Thanks for your help people, it is appreciated.

13-11-2006, 14:58	#14 (permalink)
top_buzz For your health! Join Date: Jul 2004 Posts: 2,577	You sound like a barrel of laughs __________________ NAAARF FAAARM

16-11-2006, 00:54	#18 (permalink)
jase1000 turd 2.0 Join Date: Aug 2005 Location: Right on your tit end Posts: 1,163	This plain HTML brigade (i.e. can't design for toffee / fucking 21st Century Luddites) get right on my tits. I'm looking forward to designing websites that support a proper alpha channel! __________________ Stand Free

06-12-2006, 02:47	#20 (permalink)
hawken Cornish Pasty Join Date: Nov 2003 Location: Tokyo, Japan Posts: 2,892	css transparency, what a varied history that has. avoid it. unless you like myspace templates. __________________ my blog & portfolio sexy combined package

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

31-10-2006, 02:17	#2 (permalink)
rjdugan Senior Member Join Date: Oct 2005 Location: chicago»wicker park Posts: 168	nice work... i like it over all. but i'm not sure about the condensed sans serif you chose... what are some of the others you've tried?

31-10-2006, 04:24	#3 (permalink)
steharg Senior Member Join Date: Sep 2006 Location: Liverpool Posts: 300	IE cant display png images with transparency thats why your getting the grey box.

31-10-2006, 11:35	#4 (permalink)
stylin328 Senior Member Join Date: Jun 2006 Location: NYC Posts: 332	Thanks for the help. We actually did focus groups in the past with other sites and the consumers tend to like the condesed sans serif. We might change it though b/c i agree with you. ANyway, anyway around the png's then steharg? Can I code it in css to work. Thanks

31-10-2006, 11:46	#5 (permalink)
combat sheep Trained to Kill. Join Date: Oct 2006 Location: Southport, UK Posts: 307	You need a IE png hack, try, http://www.mongus.net/pngInfo/ If not google it, they do work I've used them before. You can also use the 'Opacity' effect in css2, This can be cool for transparent div's and such, look it up.

10-11-2006, 12:52	#6 (permalink)
mikhail Registered Join Date: Nov 2006 Posts: 78	stupid IE! I had to use the PNG hack for EVERY image I used on my site, quite annoying...

10-11-2006, 13:01	#7 (permalink)
dtrenz blam blam Join Date: Aug 2006 Location: ann arbor, mi usa Posts: 528	IE7 is supposed to support the PNG alpha channel. previous versions of IE do not. opacity in css works though.

12-11-2006, 15:06	#9 (permalink)
White Shift http://pseudocrap.net/ Join Date: Nov 2006 Location: England Posts: 44	It makes me laugh that Microsoft Picture Viewer (the built in screenshots of your images) can show the alpha transparency in PNG 8-32 bit, yet IE6, which the Viewer's engine is based on can't. I don't suggest using a hack just to show the transparency. Browsers that don't support or have Javascript disabled will be at a disadvantage. The whole semi-opaque website designs really puts me off. When I run into them I usually close it straight away or remove styles. They generally do my head in, as in most cases they aren't done effectively.

12-11-2006, 15:23	#10 (permalink)
Dusteh Sir digby chicken caesar Join Date: Sep 2004 Posts: 5,378	are you for real?

13-11-2006, 12:40	#12 (permalink)
Dusteh Sir digby chicken caesar Join Date: Sep 2004 Posts: 5,378	A: Browsers that don't support or have Javascript disabled will be at a disadvantage. How will they be at a disadvantage? The hack most sensible people use degrades to a gif alternative. B: The whole semi-opaque website designs really puts me off. When I run into them I usually close it straight away or remove styles. You actually close websites because you are so aggrovated by their use of transparency... or rather view them as plain HTML? Thats odd.

15-11-2006, 08:29	#15 (permalink)
mikhail Registered Join Date: Nov 2006 Posts: 78	jus a thought have you thought of now always loading the whole pages when you change the content like portfolio and contact etc. because the header loads and replays everytime...

15-11-2006, 10:31	#16 (permalink)
stylin328 Senior Member Join Date: Jun 2006 Location: NYC Posts: 332	Yea yea, its basically for place only right now, thats basically how the whole sites is for now while its being worked on. I fixed the problem with the pngs so I guess we can close those thread mods. Thanks to everyone for the help.

16-11-2006, 00:05	#17 (permalink)
dougmays Registered User Join Date: Oct 2006 Location: Ft. Lauderdale, FL. Posts: 90	ie7 does support pngs now!

05-12-2006, 19:44	#19 (permalink)
kvandekrol Registered User Join Date: Dec 2006 Posts: 53	sorry, but: "OUR TALENTED TEAM MEMEBRS" fix that.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)