Note that there are some explanatory texts on larger screens.

plurals
  1. POjpg is not center in my html code
    primarykey
    data
    text
    <p>hello i'm trying to figure out how to center this image based on my code: Just edited it with the center tag, but still the same:</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;!-- This is a simple example template that you can edit to create your own custom templates --&gt; &lt;meta http-equiv="Content-type" content="text/html; charset=utf-8"&gt; &lt;title&gt;*|MC:SUBJECT|*&lt;/title&gt; &lt;style type="text/css" media="screen"&gt; /* NOTE: CSS should be inlined to avoid having it stripped in certain email clients like GMail. MailChimp automatically inlines CSS for you or you can use this tool: http://www.mailchimp.com/labs/inlinecss.php. */ /** * @tab Page * @section background color * @tip Choose a color for your HTML email's background. You might choose one to match your company's branding. * @theme page */ body { /*@editable*/ background-color: #cccccc; text-align:center; } /** * @tab Page * @section border * @tip Add a border to help your template content stand out from your email's background. */ #layout { /*@editable*/ border: 5px solid #999999; /*@editable*/ background:#ffffff; margin: 10px auto; text-align:left; } /** * @tab Header * @section header bar * @tip Choose a set of colors that look good with the colors of your logo image or text header. */ #header { /*@editable*/ background-color: #cccccc; /*@editable*/ padding: 0px; /*@editable*/ color: #333333; /*@editable*/ font-size: 30px; /*@editable*/ /*font-family: Georgia;*/ /*@editable*/ /*font-family: Calibri;*/ /*@editable*/ /*text-align: left;*/ } /** * @tab Body * @section default text * @tip This is the default text style for the body of your email. * @theme content */ #content { /*@editable*/ /*font-size: 13px;*/ /*@editable*/ font-size: 18px; /*@editable*/ color: #333333; /*@editable*/ /*font-family: Helvetica;*/ /*@editable*/ font-family: Calibri; /*@editable*/ line-height: 1.25em; /*@editable*/ padding: 10px 30px; } /** * @tab Body * @section title style * @tip Titles and headlines in your message body. Make them big and easy to read. * @theme title */ .primary-heading { /*@editable*/ /*font-size: 28px;*/ /*@editable*/ font-size: 26px; /*@editable*/ font-weight: bold; /*@editable*/ color: #8b0000; /*@editable*/ /*font-family: Georgia;*/ /*@editable*/ font-family: Calibri; /*@editable*/ /*line-height: 150%;*/ /*@editable*/ line-height: 100%; /*@editable*/ margin: 25px 0 0 0; /*@editable JUST ADDED*/ text-align: center; } /** * @tab Body * @section subtitle style * @tip This is the byline text that appears immediately underneath your titles/headlines. * @theme subtitle */ .secondary-heading { /*@editable*/ /*font-size: 20px;*/ /*@editable*/ /*font-weight: bold;*/ /*@editable*/ color: #000000; /*@editable*/ font-style: normal; /*@editable*/ /*font-family: Georgia;*/ /*@editable*/ margin: 25px 0 5px 0; } /** * @tab Footer * @section footer * @tip You might give your footer a light background color and separate it with a top border * @theme footer */ #footer { /*@editable*/ background-color: #eeeeee; /*@editable*/ border-top: 0px none #ffffff; /*@editable*/ padding: 20px; /*@editable*/ font-size: 10px; /*@editable*/ color: #333333; /*@editable*/ line-height: 100%; /*@editable*/ font-family: Verdana; } /** * @tab Footer * @section link style * @tip Specify a color for your footer hyperlinks. * @theme link_footer */ #footer a { /*@editable*/ color: #800000; /*@editable*/ text-decoration: underline; /*@editable*/ font-weight: normal; } /** * @tab Page * @section link style * @tip Specify a color for all the hyperlinks in your email. * @theme link */ a, a:link, a:visited { /*@editable*/ color: #800000; /*@editable*/ text-decoration: underline; /*@editable*/ font-weight: normal; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;table id="layout" border="0" cellspacing="0" cellpadding="0" width="600"&gt; &lt;tr align="center"&gt; &lt;td id="header" align="center" width=600&gt; &lt;!-- NOTE: This image would trigger the display of a placeholder block with edit links when shown in the MailChimp editor interface --&gt; &lt;img mc:edit="header-image" style="max-width: 600px;" src="http://www.wikima4.com/assets/images/mailchimpImages/wikima4_karte.jpg" mc:allowdesigner mc:allowtext /&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td id="content" mc:edit="content"&gt; &lt;h1 class="primary-heading"&gt;&lt;/h1&gt; &lt;/p&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td id="footer" mc:edit="footer"&gt; &lt;p&gt;&lt;!-- *|IFNOT:ARCHIVE_PAGE|* --&gt; &lt;a href="*|ARCHIVE|*" class="adminText"&gt;view email in browser&lt;/a&gt; | &lt;!-- *|END:IF|* --&gt; &lt;a href="*|UNSUB|*"&gt;Unsubscribe&lt;/a&gt; *|EMAIL|* | &lt;a href="*|FORWARD|*"&gt;Forward to a friend&lt;/a&gt;&lt;/p&gt; &lt;!-- *|IFNOT:ARCHIVE_PAGE|* --&gt; &lt;p&gt;*|LIST:DESCRIPTION|*&lt;/p&gt; &lt;p&gt;*|HTML:LIST_ADDRESS_HTML|*&lt;/p&gt; &lt;!-- *|END:IF|* --&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;span style="padding: 0px;"&gt;&lt;/span&gt; &lt;/body&gt; </code></pre> <p></p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload