How to add a 3D border to an image

Swanrose · Post by **Swanrose** » September 5th, 2014, 10:27 pm

I think this has something to do with using tables, but I'm not sure which table gets how much cell padding and spacing in order to render the desired effect.

Can anyone instruct about this?

Post by **smsmith** » September 6th, 2014, 9:49 am

Is this for in an email, or are you designing a web page using Composer?

Swanrose · Post by **Swanrose** » September 6th, 2014, 5:43 pm

Sorry, I keep forgetting this even does anything with email. I've only ever used it for web pages, so it's for web design. Thanks.

Post by **smsmith** » September 6th, 2014, 6:50 pm

Ok. I'll move this to the web development forum for now.

BruceAWittmeier · Post by **BruceAWittmeier** » September 7th, 2014, 6:48 am

This can be done with tables or a wrapper around your image.

http://gotnarcosis.com/brucewittmeier/t ... ble3D.html <<< deleted

Other examples:
https://developer.mozilla.org/en-US/

http://www.w3.org/Style/Tables/examples-a.html

Frenzie · Post by **Frenzie** » September 13th, 2014, 6:16 am

No need for a wrapper. You can just apply that border: 8px inset #003300 straight to the img (same for padding).

How to add a 3D border to an image

How to add a 3D border to an image

Re: How to add a 3D border to an image

Re: How to add a 3D border to an image

Re: How to add a 3D border to an image

Re: How to add a 3D border to an image

Re: How to add a 3D border to an image