Skip to main content
A
Anonymous
July 28, 2015
Question

Image coding in html

  • July 28, 2015
  • 2 replies
  • 4119 views

Hi, basic I know but I can't make the image editable in the new template and can't find any useful documentation to support this product. It seems a very closed system without any guidance or cheat sheet to refer to. Have any started using this today so bare with me.

Anyway my section of code

<tr>

  <td align="center" class="textCenter" style="">

                                            <div class='mktoImg' id='replaceimage'>

  <img alt="" border="0" src="images/img12.jpg" style="border-radius: 100%;" width="180">

                                            </div>

  </td>

  </tr>

how do you set image paths... do I upload the image and then preview to find the image path?

and why does mktoName='name' always through up error on validation?

Sorry for all the questions but this system seems to make it very hard to do the simplest of things.. Thanks for any help in advance

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

2 replies

Josh_Hill13
Josh_Hill13
Level 10
July 28, 2015

Do you mean in Landing Pages or Emails?

You should always use the absolute path in Marketo. Upload the image to Images and then take the URL from it.

A
Anonymous
July 28, 2015

Thanks I have just been looking at this although I still can't make the image editable or appear editable in email> preview> show edits

code look like this now...

<tr>

   <td align="center" class="textCenter" style="">

                                          <img class='mktoImg' id='dream-image3' mktoname="Image (180x180px)" src='absolute path dir' alt="" border="0" style="border-radius: 100%;" width="180" /></td>

   </tr>

Jenn_DiMaria2
Jenn_DiMaria2
Level 10
July 28, 2015

Are you trying to make it so people can double-click on the image and change it in an email?

If so, your div's class should be "mktEditable".

A
Anonymous
July 29, 2015

so providing my  td and divs look like this it should become editable for other users.

<td align="center" class="textCenter" style="">

                                            <img class='mktEditable' id='dream-image' mktoName="Image (180x180px)" src='absolute path dir' alt="" border="0" style="border-radius: 100%;" width="180" />

                                            </td>

or does the this to be wrapped in a div

<td align="center" class="textCenter" style="">

                                            <div class='mktEditable' id='dream-image' mktoName="Image (180x180px)" src='absolute path dir' alt="" border="0" style="border-radius: 100%;" width="180" > </div>

                                            </td>

First way show the original image but the second doesn't?

Jenn_DiMaria2
Jenn_DiMaria2
Level 10
July 29, 2015

Hi, Paul!

It should look like this:

<td align="center" class="textCenter" style="">

     <div class="mktEditable" id="UNIQUE_ID_HERE">

          <img id='dream-image' mktoName="Image (180x180px)" src='absolute path dir' alt="" border="0" style="border-radius: 100%;" width="180" />

     </div>

</td>

Anything within the "mktEditable" div will become editable when you go to use the template.

Also note that each "mktEditable" div needs to have a unique ID or else your template will throw an error.

Terms & ConditionsAccessibility statement

Loading footer...