Problems with my Template

Hi. I'm trying to make a template for my campaign, but when i import it, alot of it disapears.

This is a WIP atm, but everything but the <div class="col-main"> div disapears when uploaded. Can anyone see where i went wrong with this one?

<html>
<head>
<title>Golfshop</title>
<link rel="stylesheet" type="text/css" href="http://www.golfshopen.no/skin/frontend/silver/default/css/silverframework.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://www.golfshopen.no/skin/frontend/silver/default/css/styles.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://www.golfshopen.no/skin/frontend/silver/styled/css/pretty.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://www.golfshopen.no/skin/frontend/silver/default/css/print.css" media="print" />
<link rel="stylesheet" type="text/css" href="http://www.golfshopen.no/skin/frontend/silver/styled/css/silver-green.css" media="all" />
</head>
<body class=" cms-index-index cms-home silverframework-font-arial">
<div class="wrapper">
  <div class="page">
    <div class="header-container">
      <div class="header">
        <h1 class="logo"><strong>Golfshopen</strong><a href="http://www.golfshopen.no/" title="Golfshopen" class="logo"><img src="http://www.golfshopen.no/skin/frontend/silver/styled/images/logo.png" alt="Golfshopen" /></a></h1>
        <div style="float: right"> <a href="mailto:post@golfshopen.no" title="Send oss Mail"><img align="right" src="mail.png" width="192" height="30" /></a><br style="clear: both" />
          <img align="right" src="telefon.png" width="192" height="30" /></a>
          </ul>
        </div>
      </div>
    </div>
    <div class="nav-container">
      <ul id="nav">
        <li class=" ukens-tilbud "></li>
      </ul>
    </div>
    <div class="main-container col2-right-layout">
      <div class="main">
        <div class="col-main">
          <div class="std">
            <p>
              <repeater> <img src="<$imagesrc link='true'$>" width="946" /> </repeater>
            </p>
            <repeater>
              <h3>
                <$title default='Title'$>
              </h3>
              <$description default='<p>Enter body content here</p>'$>
            </repeater>
            <div class="widget widget-new-products">
              <div class="widget-title">
                <h2>
                  <$title default='Nye Produkter'$>
                </h2>
              </div>
              <div class="widget-products">
                <ul class="products-grid">
                  <repeater>
                    <li class="item"> <img src="<$imagesrc link='true'$>" width="85" height"85" />
                      <h3 class="product-name">
                        <$title link='true' default='Product Title'$>
                      </h3>
                      <div class="price-box">
                        <p class="old-price"> <span class="price" id="old-price-547-widget-new-grid">
                          <$description default='<p>Produkt info</p>'$>
                          </span> </p>
                      </div>
                    </li>
                  </repeater>
                </ul>
                <ul class="products-grid">
                  <repeater>
                    <li class="item"> <img src="<$imagesrc link='true'$>" width="85" height"85" />
                      <h3 class="product-name">
                        <$title link='true' default='Product Title'$>
                      </h3>
                      <div class="price-box">
                        <p class="old-price"> <span class="price" id="old-price-547-widget-new-grid">
                          <$description default='<p>Produkt info</p>'$>
                          </span> </p>
                      </div>
                    </li>
                  </repeater>
                </ul>
              </div>
            </div>
            </p>
          </div>
        </div>
        <div class="footer-container">
          <div class="footer">
            <address>
            &copy; 2011 Golfshopen. All rights reserved.
            </address>
            <img src="GS-trygg.png" align="right" width="175" height="25" /> </div>
          <font color="#000000"><b>
          <unsubscribe>For å slutte å abonnere på dette nyhetsbrevet, trykk her </unsubscribe>
          </b> </font> </div>
      </div>
    </div>
  </div>
</div>
</body>
</html>

Any help is much appreciated.

Yours sincerly
Alex


Edit: Reworked code, same problem

BThies BThies, 5 years ago

Hi Alex,

Looks like you're coding it like a website rather than an email.

Here's a good resource for beginner email coding:  http://www.campaignmonitor.com/resources/

~ Brian


Brian Thies
Professional Email Developer
Thies Publishing
roshodgekiss roshodgekiss, 5 years ago

Hi Borlaq, ditto what Brian is saying above. I'd also recommend:

- Cutting back on the external stylesheets (it's way complex for what you're trying to achieve)
- Narrowing your design to around 600px or so, and
- Not using such a massive image in the header of your email

Naturally, drop us a line if you have any questions about HTML email design - we're always happy to help!


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor
Borlaq, 5 years ago

Looks like it's starting from scratch then. Was using our website as a template to begin with, stripping it down, hoping it would be an easy fit. Re-writing it with tables it is then.

Thanks alot for the responces.

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098