Html имейли - Outlook 2010 - Проблем с подравняването на таблицата

Имам две таблици, подравнени вляво на 30% всяка, така че когато започне да реагира на промяната на 100% и да се подредят една под друга.

Проблемът е, че според екранната снимка по-долу вторият има празнина в горната част и нямам представа защо?

Моят кодов фрагмент е тук

<table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
        <td align="center" valign="top" class="fullWidth" style="padding-left:30px;padding-right:30px;">
        <!-- CONTENT TABLE // -->
        <table align="left" border="0" cellpadding="0" cellspacing="0" width="30%" class="tableFullWidth">
                <tr>
                    <td valign="top" class="topTen">                                                                                                        <p><span>1</span> FIRST AND LAST NAME</p>
                                                                            <hr>
                                                                            <p><span>2</span> FIRST AND LAST NAME</p>
                                                                            <hr>
                                                                            <p><span>3</span> FIRST AND LAST NAME</p>
                                                                            <hr>
                                                                            <p><span>4</span> FIRST AND LAST NAME</p>
                                                                            <hr>
                                                                            <p><span>5</span> FIRST AND LAST NAME</p>
                                                                            <hr>
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                                <!-- // CONTENT TABLE -->
                                                                <!-- CONTENT TABLE // -->
                                                                <table align="left" border="0" cellpadding="0" cellspacing="0" width="30%" class="tableFullWidth">
                                                                    <tr>
                                                                        <td valign="top" class="topTen">
                                                                            <p><span>6</span> FIRST AND LAST NAME</p>
                                                                            <hr>
                                                                            <p><span>7</span> FIRST AND LAST NAME</p>
                                                                            <hr>
                                                                            <p><span>8</span> FIRST AND LAST NAME</p>
                                                                            <hr>
                                                                            <p><span>9</span> FIRST AND LAST NAME</p>
                                                                            <hr>
                                                                            <p><span>10</span> FIRST AND LAST NAME</p>
                                                                            <hr>
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                                <!-- // CONTENT TABLE -->
                                                            </td>
                                                        </tr>
                                                    </table>

Outlook 2010 – Екранна снимка


mailchimp html-email outlook-2010
person Martin    schedule 10.03.2017    source източник

Отговори (1)


arrow_upward
0
arrow_downward

Не изглежда като същия код от екранните снимки, липсват фонови цветове и шрифтове също. И в двата случая мисля, че имате нужда от призрачна колона между таблиците, за да подравните, опитайте кода по-долу:

<table border="0" cellpadding="0" cellspacing="0" width="100%">
    <tr>
        <td align="center" valign="top" class="fullWidth" style="padding-left:30px;padding-right:30px;">
        <!-- CONTENT TABLE // -->
        <table align="left" border="0" cellpadding="0" cellspacing="0" width="30%" class="tableFullWidth">
                <tr>
<td valign="top" class="topTen">                                                                                                        	<p><span>6</span> FIRST AND LAST NAME</p>
				<hr>
				<p><span>7</span> FIRST AND LAST NAME</p>
				<hr>
				<p><span>8</span> FIRST AND LAST NAME</p>
				<hr>
				<p><span>9</span> FIRST AND LAST NAME</p>
				<hr>
				<p><span>10</span> FIRST AND LAST NAME</p>
				<hr>
			</td>
		</tr>
	</table>
	<!-- // CONTENT TABLE -->
	<!--[if (gte mso 9)|(IE)]>
</td><td align="left" valign="top" width="50%">
<![endif]-->

	<!-- CONTENT TABLE // -->
<table align="left" border="0" cellpadding="0" cellspacing="0" width="30%" class="tableFullWidth">
		<tr>
			<td valign="top" class="topTen">
				<p><span>6</span> FIRST AND LAST NAME</p>
				<hr>
				<p><span>7</span> FIRST AND LAST NAME</p>
				<hr>
				<p><span>8</span> FIRST AND LAST NAME</p>
				<hr>
				<p><span>9</span> FIRST AND LAST NAME</p>
				<hr>
				<p><span>10</span> FIRST AND LAST NAME</p>
				<hr>
			</td>
		</tr>
	</table>
	<!-- // CONTENT TABLE -->
</td>
</tr>
</table>

Можете да промените ширината на колоната призрак, ако е необходимо. кажи ми как си.

person Syfer    schedule 10.03.2017