# Getting a table to format properly without CSS (HTML mail)

**URL:** <https://forum.freecodecamp.org/t/getting-a-table-to-format-properly-without-css-html-mail/686006>\
**Category:** Curriculum Help\
**Created:** [April 18, 2024, 5:13pm UTC](https://forum.freecodecamp.org/t/getting-a-table-to-format-properly-without-css-html-mail/686006 "2024-04-18T17:13:17Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Blackrifle79](https://avatars.discourse-cdn.com/v4/letter/b/dbc845/32.png) [@Blackrifle79](https://forum.freecodecamp.org/u/Blackrifle79)\
**Post date:** [April 18, 2024, 5:13pm UTC](https://forum.freecodecamp.org/t/getting-a-table-to-format-properly-without-css-html-mail/686006/1 "2024-04-18T17:13:17Z")

</div>

I’m trying to put an image into an email that has different clickable areas and my only idea was to create a table in Photoshop using slices, but when I export the code and paste it into my email builder, I get some weird spacing results.

This is how I want it to look…

 ![Screenshot 2024-04-18 120940](https://global.discourse-cdn.com/freecodecamp/original/4X/4/1/a/41a3cc031afd4ffe2a20cb729e5647089ca51f34.jpeg)

I end up with spaces between all the cells.

For those who don’t know, I can’t use any CSS for this application as Outlook won’t recognize it. I have my cell spacing set to zero in the HTML. Does anybody know why this might be happening?

---

<div class="post-metadata">

**Author:** ![Blackrifle79](https://avatars.discourse-cdn.com/v4/letter/b/dbc845/32.png) [@Blackrifle79](https://forum.freecodecamp.org/u/Blackrifle79)\
**Post date:** [April 18, 2024, 5:14pm UTC](https://forum.freecodecamp.org/t/getting-a-table-to-format-properly-without-css-html-mail/686006/2 "2024-04-18T17:14:11Z")

</div>

This is how the table looks in the builder (I haven’t linked the images yet).

 ![Screenshot 2024-04-18 121107](https://global.discourse-cdn.com/freecodecamp/original/4X/d/4/3/d43123369e94f99bac1cb7ad281bfc369d1655d3.jpeg)

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [April 18, 2024, 5:17pm UTC](https://forum.freecodecamp.org/t/getting-a-table-to-format-properly-without-css-html-mail/686006/3 "2024-04-18T17:17:31Z")

</div>

have you checked margin padding and border if they have a value set?

---

<div class="post-metadata">

**Author:** ![Blackrifle79](https://avatars.discourse-cdn.com/v4/letter/b/dbc845/32.png) [@Blackrifle79](https://forum.freecodecamp.org/u/Blackrifle79)\
**Post date:** [April 18, 2024, 5:45pm UTC](https://forum.freecodecamp.org/t/getting-a-table-to-format-properly-without-css-html-mail/686006/4 "2024-04-18T17:45:51Z")

</div>

Yeah, the code is really simple…

```auto
<html>
<head>
<title>image_map</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (image_map.psd) -->
<table id="Table_01" width="700" height="600" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="2">
			<img src="image_map_01.jpg" width="700" height="23" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="image_map_02.jpg" width="335" height="83" alt=""></td>
		<td>
			<img src="image_map_03.jpg" width="365" height="83" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="image_map_04.jpg" width="335" height="90" alt=""></td>
		<td rowspan="2">
			<img src="image_map_05.jpg" width="365" height="137" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="image_map_06.jpg" width="335" height="104" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="image_map_07.jpg" width="365" height="131" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="image_map_08.jpg" width="335" height="147" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="image_map_09.jpg" width="365" height="135" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="image_map_10.jpg" width="335" height="153" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="image_map_11.jpg" width="365" height="91" alt=""></td>
	</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>

```

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [April 18, 2024, 5:52pm UTC](https://forum.freecodecamp.org/t/getting-a-table-to-format-properly-without-css-html-mail/686006/5 "2024-04-18T17:52:40Z")

</div>

try to put the images in, the image of broken image is not a perfect replacement

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\
**Post date:** [October 18, 2024, 5:52am UTC](https://forum.freecodecamp.org/t/getting-a-table-to-format-properly-without-css-html-mail/686006/6 "2024-10-18T05:52:43Z")

</div>

Closed on October 18, 2024, 5:52am UTC

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.
