Email .html Template allow .CSS ?

Hussein_Osseily · 01-28-2024 12:22 AM

Hello Everyone,

i am currently exploring the HTML template to be sent via email and i would like to know if .css is compatible with this or it has to only be and .html without any external links to a .css

Thanks in advance

Markus_Malessa

I'm guessing you are talking about this?

<link rel="stylesheet" href="mystyle.css">

I personally have done my own CSS classes, so I would assume that importing a hosted stylesheet should work as well. I am currently implementing something like this:

<!DOCTYPE html>
<html>
  <head>
    <style>
      table.tb { table-layout: fixed; border-collapse: collapse; margin-bottom: 12px; width: 1570px; }
      .tb th, .tb td { border: solid 1px black; padding: 5px; word-wrap: break-word; }
      .tb th:nth-child(-n+3) { text-align: left; }
      .tb td:nth-child(n+4) { text-align: right; }
      .tb th { background: #D3D3D3; }
      table.tb1 { table-layout: fixed; border-collapse: collapse; margin-bottom: 24px; width: 1570px; }
      .tb1 td { padding: 5px; word-wrap: break-word; font-weight: bold; }
      .tb1 td:nth-child(n+2) { text-align: right; }
      table.tb2 { table-layout: fixed; border-collapse: collapse; margin-left: 690px; margin-bottom: 36px; width: 880px; }
      .tb2 th, .tb2 td { border: solid 1px black; padding: 5px; word-wrap: break-word; }
      .tb2 th:nth-child(1) { text-align: left; }
      .tb2 td:nth-child(n+2) { text-align: right; }
      .tb2 th { background: #D3D3D3; }
      .tb2 tr:last-child td { font-weight: bold; }
      table.tb3 { table-layout: fixed; border-collapse: collapse; margin-left: 690px; width: 880px; }
      .tb3 td { padding: 5px; word-wrap: break-word; }
    </style>
  </head>
  <body>