Designers: How do you do a button inside the css so its not downloadable?
 

For example if you go to http://www.amazon.com/ and hover over the shopping cart, you get a flyout meny with a gold button that says "View Cart"

You cant right click and download that image, and you cant find the directory it came from.

how do you do that?

I'm so used to doing it in html but this .css is more professional

I looked at the button, but didn't bother checking the source to see exactly how they did it.
You could make that button easily with css gradients and a solid border.

Everything is downloadable. It's just a background 'sprite' image in a CSS file.

http://g-ecx.images-amazon.com/image...394051227_.png

im wondering the code of how they put it on the page without it being downloadable by right clicking >> save as

:winkwink:

Fixed it for you. :winkwink:

Well, my technique is pure css, you couldn't download anything, there are no graphics at all.

They also may have used the sprite graphic as shown before as a background image and not as a normal img src="" type graphics.

Look at the code, it's self explanatory.

Use firebug and it will tell you everything you need to know:

http://www.camelmedia.net/jing/SNAG_Program-0056.png

Just dont upload it to the server?

Huh? Is my post not visible or something?

Firebug isn't even needed, just right click and "Inspect Element".