I have email signature codes .. how to make it responsive?

Hi I design email signature and by using the sliced tool in PSD I save it as HTML codes but I don't know how to make it responsive e.g. of codes <html> <head> <title> Email Signuture</title> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="HandheldFriendly" content="true"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">  <table id="Table_01" width="539" height="150" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="6"> <img src="" width="259" height="103" alt=""></td> <td rowspan="3"> <img src="" width="280" height="150" alt=""></td> </tr> <tr> <td colspan="6"> <img src="" width="259" height="14" alt=""></a></td> </tr> </table> </body> </html>

html css help email responsive signature

24th Jan 2020, 6:23 PM

Noora Issa

3 Answers

+ 2

first thing is to put styles in CSS stylesheet instead of as attribute of html tags

25th Jan 2020, 1:50 PM

Gordon

+ 1

If it is email signature, it is still prefer to use text for your name and company information, only change their font-style, font-size, font-family(You have to assign a long list of fallback for font-family). If there is a logo, do not set its width, instead set its height with unit of em (relative to font-size)

25th Jan 2020, 9:27 PM

Gordon

What about inline css?

25th Jan 2020, 3:17 PM

Noora Issa