i need help with my .psd. i try savin it for transperant... which one should i used and what is fithered.... i'm tryin to use a gradient effect background, so make a background image, now i want to save it transperant.

Are you talking about partial transparency that allows background images to show through your gradient? I think that can only be achieved using PNG files, and it won't work in IE.

For transparency in general, you'll probably be dafest saving your images as gifs. I don't believe there is a dithering option with gifs, just jpegs, but I might be wrong.

uhh, can i contact you through messenger

when i save it as gif, the transperant part is at png... and the other images are .gif and i see rectangles that aren't transperant on the .png transperants

Can you post an example of the image in question? It doesn't make any sense for an image to export half in one format, half in another, unless you're batch exporting slices, or something equally dangerous like that!

You won't be able to achieve transparency with .gif and it will sure look lousy in its compressed state. PNG's of course won't work in IE....your best bet to keep the gradients intact would be to use a jpg compression . If you don't need transparency, then don't use it. Hmm..

but when i save the layout with the gradien, it will be only for the layout. i tried saving it with the gradient and a background, but the color doesn't match

and the transperant did work with my splash: http://designepic.com/

heres what it looks like with the gif and png: http://designepic.com/error/designepic.html

I think your signature is scaring off everyone from reading your replies....

Just my $0.02 :D

I see no use for transparent images in that layout...

Side note: it would be in your best interest to completely avoid imageready generated code.

Ok, I'm looking at the source files you sent to me and the sample you posted. If I'm understanding you correctly, you simply want the gradient background to come up behind the images you've shown on the screen, right?

It seems all you need to do is export a 1px wide sliver of your gradient and set it as your page's background in CSS. The white parts will fill with the gradient.

Boy, ImageReady sure does make a lot of unnecessary markup :(

Hmm...yup the sliver solution would make things easier and more efficient!

?? i'm confused

Well, basically you need to learn some HTML/CSS coding :D

By using the sliver, you can save on file size and repeat it as your background and expand it to the width of your site, which will look the way that you want it (with the gradient) with no distortion.

i know html and css... but i've been lazy and i'm a little rusty cause i've been using dreamweaver... so can i contact you azn_chic?

I'm not good at the coding stuff, if you need pointers, you should kindly ask the_pm :D

Albert, here's what you want to do. Go into your psd file with the gradient background. Then, crop a sliver of it, only 1 pixel wide and as high as the canvas. Save this little sliver into your site's images folder, or whever you have images stored. Let's pretend, for the sake of this example you named that sliver grad1.gif.

Now, go into your site's stylesheet, and add the following code:
body { background:url(images/grad1.gif) }
Just make sure you change the path to match your own.

But looking at the front page (coming soon), it appears you already know how to do this! So all you have to do is place that style code into an external document, name it whatever.css and link to it using <link rel="stylesheet" type="text/css" href="whatever.css"> in your page headers. Just remember to erase hte <style></style> tags when you've moved the info out.

Amazes me how little research people do before asking someone the answer to their question.

www.w3schools.com - For everyone including those who already know every language off by heart :)

I recalled my past experience that when I used transparency in .png, IE in Windows platform will display ugly picture but IE in Macintosh displays well.