How to stop table from adjusting width

debugcn 에 게시 Dev

SaturnsEye

I have a table set up for an email form but when I view it in Outlook the column gets pushed out and it doesn't align properly.

I want the text the sit in the column next to the image but It get's pushed over to the right when I view it in Outlook.

I've tried adding the width to the tables properties but it still plays up.

Obviously it views fine in JSFiddle but I'm hoping someone knows where the problem lies.

http://jsfiddle.net/KmqLg/

<table width="500px" border="1">
    <tr>
        <th height="40" colspan="2" align="left" bgcolor="#FFFFFF" scope="row">
            <h1><img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/256/Actions-arrow-right-icon.png" width="16" height="30" />NAME</h1>
        </th>
    </tr>
    <tr>
        <th height="70" width="70" align="left" bgcolor="#FFFFFF" scope="row">
            <img src="http://www.nasa.gov/images/content/617883main_VIIRS_4Jan2012.small.jpg"
            width="70" height="70" />
        </th>
        <th width="430" height="41" align="left" bgcolor="#FFFFFF" scope="row"><strong>Text Text Text Text Text Text Text Text Text Text Text Text</strong>
        </th>
    </tr>
</table>

This is what Outlook is doing to my table:

여기에 이미지 설명 입력

As you can see, the text doesn't sit to the left of the cell.

Sbml

Try to remove px from width property in table and th tags like this

<table width="500" border="1">

For Outlook 2007 you could try to add inline css too

<th height="40" style="width:40px;" colspan="2" align="left" bgcolor="#FFFFFF" scope="row">

CSS SUPPORT

Try this:

<table width="500" border="1" cellspacing="0" cellpadding="0">
    <tr>
        <td height="40" width="498" bgcolor="#FFFFFF" scope="row">
             <h1><img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/256/Actions-arrow-right-icon.png" width="16" height="30" />
        NAME</h1>

        </td>
    </tr>
    <tr>
        <td>
            <table border="0" width="498" cellspacing="0" cellpadding="0">
                <tr>
                    <td height="70" width="70" bgcolor="#FFFFFF" scope="row">
                        <img src="http://www.nasa.gov/images/content/617883main_VIIRS_4Jan2012.small.jpg" width="70" height="70" style="display: block;" />
                    </td>
                    <td width="428" height="70" bgcolor="#FFFFFF" scope="row"><strong>Text Text Text Text Text Text Text Text Text Text Text Text</strong>

                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정2021-05-29

몇 마디 만하겠습니다

0리뷰

로그인참여 후 검토

Related 관련 기사

기사

How to stop table from adjusting width

How to stop table from adjusting width

How to stop Word (2016) from selecting the entire table cell with the mouse

Adjusting to ASP from PHP

How would I stop a jquery method running below a certain width?

How to stop user from login?

How to get real width td table

How to animate an image as it grows from the width of a container to the full viewport width?

How to get width from animated div in jQuery

How to stop a remote desktop session from ending

How to set table width percentage using office js

How can i achieve truncated text in a responsive width table column?

How to make an html table deliberately exceed the width of its container?

How can I stop gvim from crashing when opening a file?

How to stop USB full ubuntu install from probing hard disks?

How can I stop terminal and firefox from launching on startup?

How can I stop windows from always booting first?

How do I stop gedit from opening anything?

How to pause, resume and stop pyttsx3 from speaking?

How can I stop pages from scrolling with an empty hyperlink jump?

How to stop MAC address from changing after disconnecting?

How do I stop Thunderbird from forgetting my passwords?

How can I stop excel from rounding to .00?

How to stop Ubuntu from changing numlock state on boot?

How to call computation.stop() from within Deps.autorun()?

How to stop Blogger from adding indentation style in image links?

How to stop Telerik CSS from overriding local changes?

How to stop TextArea from "snapping" to a different size while using GridBagLayout

PHP how to stop email sending out from localhost

how to stop objects from being dragged off screen

How stop rpcbind from being started on Arch Linux?