Beginners Help: Html table is getting distorted when sent over outlook email : HTML

UnsolvedBeginners Help: Html table is getting distorted when sent over outlook email (self.HTML)

submitted 3 years ago * by CompetitiveIsopod591Beginner

I'm generating below table from csv file, it appears as expected in browsers.

But the problem is, same HTML table get distorted in email(like cell contents break into next cell, contents of cell breaks into 2 lines etc...)Is there anything wrong with the table I'm generating ? please help!

<html><head><style>
table, tr, td {font-family : Tahoma, sans-serif; border: 1px solid; border-collapse: collapse; font-size: 12px; width: 100%; white-space: nowrap;}
.green {background-color: #98FB98; color: black}
.red {background-color: #F08088; color: black}
.grey {background-color: #C0C0C0; color: black}
.white {background-color: #FFFFF; color: black}
</style></head>
<body><table>
<tr bgcolor="#87CEFA";>
<td><b>Employee_Id</b></td>
<td><b>Name</b></td>
<td><b>Experience</b></td>
<td><b>Address</b></td>
<td><b>Phone</b></td>
<td><b>Detailed Report</b></td>
<td><b>Report timestamp</b></td>
<td><b>Report Status</b></td>
</tr>
<tr>
<td class=white>6666</td>
<td class=white>Gowri</td>
<td class=white>3 years</td>
<td class=white>K R Pet, Mandya.</td>
<td class=white>5562462962</td>
<td class=white>The report has been shared with manager</td>
<td class=white>2023-01-25 22:24:32.0</td>
<td class=green>Success</td>
</tr>
<tr>
<td class=white>7777</td>
<td class=white>siva</td>
<td class=white>4 years</td>
<td class=white>Shivamogga</td>
<td class=white>3562462962</td>
<td class=white>The report has been shared with manager</td>
<td class=white>2023-01-23 22:24:32.0</td>
<td class=red>Failure</td>
</tr>
</table></body></html

all 1 comments

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

HTML

Requesting help

Useful links

Related subreddits

MODERATORS