Столбец таблицы действует как строка таблицы - PullRequest
Новая
       43

Столбец таблицы действует как строка таблицы

0 голосов
/ 19 мая 2018

Ниже приведен предварительный просмотр в Chrome, именно так, как я хочу.Отлично!


Preview on chrome

И это предварительный просмотр в Firefox с ошибкой.
Куда идет 2-й [td]на следующую строку.


Firefox preview

Используется как подпись электронной почты .

Для просмотракод, вот живой URL: http://dgntesting.com/ryan/johnmarkham2/table.html
Я перепробовал все способы, но все еще не могу выяснить проблему в Firefox.

Вот код: ------------------------------------------- 

<table width="540" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border:0;border-spacing:0;">
    <tr>
        <td width="540" height="157" style="padding:0"><img width="540" src="http://dgntesting.com/ryan/johnmarkham2/img/logo-final.png" height="157" valign="top" style="margin:0;vertical-align:top;padding:0;"></td>
    </tr>
    <tr>
        <td style="padding:0;margin:0;border:0;" width="540">
            <table width="540" cellpadding="0" cellspacing="0" style="border-collapse: collapse;border:0;border-spacing:0;">
                <tr>
                    <td height="67" style="padding:0;border-width:0;vertical-align:top;display:inline-block;"><a href="https://www.jimsbuildinginspections.com.au/" style="padding:0;text-decoration:none;"><img src="http://dgntesting.com/ryan/johnmarkham2/img/bottom-left.png" width="368" height="67" valign="top" style="margin:0;padding:0;vertical-align:top;"></a></td>

                    <td height="67" style="padding:0;border-width:0;vertical-align:top;display:inline-block;"><a href="tel:131546" style="padding:0;text-decoration:none;"><img src="http://dgntesting.com/ryan/johnmarkham2/img/bottom-right.png" width="172" height="67" valign="top" style="margin:0;padding:0;vertical-align:top;"></a></td>
                </tr>
            </table>
        </td>
    </tr>
</table>

Ваша помощь будет очень ценится.Спасибо!

1 Ответ

0 голосов
/ 19 мая 2018

нужно убрать дисплей inline-block форма td. 

<td style="padding:0;margin:0;border:0;" width="540">
                                <table width="540" cellpadding="0" cellspacing="0" style="border-collapse: collapse;border:0;border-spacing:0;">
                                    <tbody><tr>
                                        <td height="67" style="padding:0;border-width:0;vertical-align:top;"><a href="https://www.jimsbuildinginspections.com.au/" style="padding:0;text-decoration:none;"><img src="http://dgntesting.com/ryan/johnmarkham2/img/bottom-left.png" width="368" height="67" valign="top" style="margin:0;padding:0;vertical-align:top;"></a></td>

                                        <td height="67" style="padding:0;border-width:0;vertical-align:top;"><a href="tel:131546" style="padding:0;text-decoration:none;"><img src="http://dgntesting.com/ryan/johnmarkham2/img/bottom-right.png" width="172" height="67" valign="top" style="margin:0;padding:0;vertical-align:top;"></a></td>
                                    </tr>
                                </tbody></table>
                            </td>
...