(>CC>) On Tue, 23 Jun 1998, Claus Cyrny wrote:

> (>JC> >)Janet Childs wrote:
>JC> > I have noticed on several sites the use of what appears to be
>JC> > semi-transparent buttons on link menus. Normally there is a dark
>JC> > background image with buttons overlapping and displaying a lighter
>JC> > version of that same image. In all cases that I have seen, the images
>JC> > match up perfectly.
>JC> >
>JC> > Am I missing the obvious? How is this done?

>CC> You can do this by increasing the gamma of your image/button (in
>CC> Photoshop: <Ctrl + M>). ( To correct the gamma of the image/button,
>CC> [SNIP]

That was a very good explanation of how to create the brighter effect,
Claus :)
However, I believe what she was wanting to know is how the brighter
version was set to overlay the background seamlessly.
This question has come up before, and the answer is, there is no way to
guarantee that an image be placed at exactly the right position on the
page (without using the new DHTML stuff, anyway)  Some browsers render the
content starting at exactly the upper left corner of the window, others
skip a few pixels on the left or the top of the window before rendering..
most browsers will at least start the background at the upper left, but
since the content cant be guaranteed to be at x,y coordinates, perfect
alignment in all browsers is impossible. (However, perfect alignment in
one particularly targeted browser is simple enough, just use tables and/or
transparent GIF spacers to pad the image to where you need it.)

Pat

HWG: hwg-graphics mailing list archives, maintained by Webmasters @ IWA