Set shadow in email HTML table

Asked

Viewed 625 times

-2

I am sending HTML email with PHP and set a table with shadow, stylized with box-shadow, but it didn’t work... Some help to set shadow in HTML email using a table?

html
  • 1

    You can show the HTML and CSS you have?

3 answers

0

Just use this code CSS: 

table { box-shadow: 10px 10px 5px #888; }

For more information you can consult the following website or this.

If after trying this doesn’t work, edit the question and join the code you are using so that you can help.

0

With this code you compatibility in ALL the browsers.

table {
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;
}
<table>
    <tr>
      <th>Nome</th>
      <th>Sobrenome</th>
      <th>Idade</th>
    <tr>
    
    <tr>
      <td>Leonardo</td>
      <td>Bonetti</td>
      <td>19</td>
    <tr>
</table>

  • 1

    I already had shadow using -Moz-Boz-shadow, -weblit-box-shadow and Boz-shadow, but when I send the email html to gmail simply does not show the shadow, I installed another email bed on my phone, sent email and the shadow appears. Searching I found the link below that shows that gmail does not support shadow. https://www.campaignmonitor.com/css/

  • @RRV Our email went through me and I didn’t even notice when reading the email, gmail doesn’t really accept shadow, gmail doesn’t accept many things.

0

Many email clients (e.g. Gmail) ignore bolder CSS codes, as well as ignore importing external CSS code (.css) or inserted into one <head>.

Use the CSS inline in the elements with style. Ex:

<elemento style="..."></elemento>

And don’t use codes, like I said, bolder (box-shadow would be one of them). Use more basic styles like, background, color, border etc... These are rendered normally.

Another general rule is to make HTML as simple as possible, using Tables instead of Divs.

Browser other questions tagged html

You are not signed in. Login or sign up in order to post.