Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Image not center under gmail app for iPhone #229

Closed
mdrick opened this issue May 6, 2016 · 2 comments
Closed

Image not center under gmail app for iPhone #229

mdrick opened this issue May 6, 2016 · 2 comments

Comments

@mdrick
Copy link

mdrick commented May 6, 2016

Hi,

I have a problem.

My image is not center under gmail app for iPhone

<mjml>
<mj-body>
<mj-container>
  <mj-section>
    <mj-column>
          <mj-image src="https://gallery.mailchimp.com/4f7f09ba14cf6985588b289cf/images/d3a2ff0f-a1f5-434b-aeb6-b22ea442b374.gif" alt="Icône coeur et mains" width="74" height="69" align="center"></mj-image>
    </mj-column>
  </mj-section>
</mj-container>
</mj-body>
</mjml>
<div>
    <!--[if mso]>
      <table border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;"><tr><td>
      <![endif]-->
    <div style="margin:0 auto;max-width:600px;">
        <table cellpadding="0" cellspacing="0" style="font-size:0px;width:100%;" align="center" border="0">
            <tbody>
                <tr>
                    <td style="text-align:center;vertical-align:top;font-size:0px;padding:20px 0px;">
                        <!--[if mso]>
      <table border="0" cellpadding="0" cellspacing="0"><tr><td style="vertical-align:top;width:600px;">
      <![endif]-->
                        <div aria-labelledby="mj-column-per-100" class="mj-column-per-100" style="vertical-align:top;display:inline-block;font-size:13px;text-align:left;width:100%;">
                            <table cellpadding="0" cellspacing="0" width="100%" border="0">
                                <tbody>
                                    <tr>
                                        <td style="word-break:break-word;font-size:0px;padding:10px 25px;text-align:center;">
                                            <table cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0px;" align="center" border="0">
                                                <tbody>
                                                    <tr>
                                                        <td style="width:74px;"><img alt="Icône coeur et mains test" height="69" src="https://gallery.mailchimp.com/4f7f09ba14cf6985588b289cf/images/d3a2ff0f-a1f5-434b-aeb6-b22ea442b374.gif" style="border:none;display:block;outline:none;text-decoration:none;width:100%;height:69px;" width="74">
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <!--[if mso]>
      </td></tr></table>
      <![endif]-->
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <!--[if mso]>
      </td></tr></table>
      <![endif]-->
</div>
@mdrick mdrick changed the title Image align center under gmail app for iPhone Image not center under gmail app for iPhone May 6, 2016
@iRyusa
Copy link
Member

iRyusa commented May 26, 2016

Hello,

Can you test it back with 2.1.1 please ?

@iRyusa
Copy link
Member

iRyusa commented Jun 27, 2016

Hi there,

Closing it, feel free to reopen if it's still the case in 2.2

@iRyusa iRyusa closed this as completed Jun 27, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants