Is it possible to make a transparent div with opaque text and images in it?

Asked by Alex van den Hoogen a Freelance Designer from the Netherlands

I have build a website which has a variable background. However I want to use div’s that are transparent. This works, but when I want to use images in those div’s they are transparent too, which gives an very strange effect.

Thus my question is, is it possible to make a transparent div with opaque text and images in it?

(more…)

I was wondering how to save files for the web using Adobe Photoshop.

Asked by Brian Purkiss, a freelance designer in San Antonio Texas.

When you do the standard “save a jpg/gif/etc” it’s saved as an Adobe Photoshop jpg/gif/etc - and the file size is fairly large. How do you avoid that?

See the Solution, using ’save for web

The Problem with .PNG

What do you think of when you read or hear the term “transparency” in a web related conversations?

.png might be some peoples answer. “UGH!”, could be a common answer also. If you go to my website you’ll notice some ink splatter headers that sit throughout the design. I had quite a hard time getting those to display correctly thanks to Internet Explorers lack of native png transparency support. It is one of THE most complained about topics on the web (and I have done my fair share of it). People have been asking for the support since BEFORE version 5.0 but today, there are still a lot of hacks and “fixes”, it shouldn’t be that hard to use transparency.

(more…)