Newbie needs code help!

I know this is probably a super simple solution but I know nothing about code and I have to have this template up and working by tomorrow!  Is there anyone who can take a look at the code below and help me sort this out? I have a screen capture of what it looks like in dreamweaver, but when i save it everything changes.  Can anyone help me!


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="../../../../twist websites/dominic/website/Templates/dominic_Hair_Color.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- InstanceEndEditable -->
<style type="text/css">
<!--
body {
    background-color: #000;
}
.Forward_box {
    float: left;
    height: 50px;
    width: 1024px;
}
.left_box {
    background-color: #000;
    vertical-align: top;
    float: left;
    height: 494px;
    width: 373px;
}
.copy_box {
    background-color: #000;
    float: right;
    height: 288px;
    width: 641px;
}
.heading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 33px;
    font-style: normal;
    font-weight: lighter;
    color: #F09;
    padding-left: 10px;
}
.paragraph {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: lighter;
    font-variant: normal;
    text-transform: none;
    color: #FFF;
    line-height: 25px;
    padding: 10px;
    text-align: left;
    clear: none;
    float: left;
}
.small_paragraph {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    font-weight: lighter;
    font-variant: normal;
    text-transform: none;
    color: #FFF;
    padding: 10px;
}
.fine_print {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 15px;
    font-weight: lighter;
    font-variant: normal;
    color: #FFF;
    padding: 10px;
    white-space: normal;
    float: left;
    clear: left;
}
-->
</style>
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>

<body>
<table width="1024" border="0" cellspacing="0" cellpadding="0">
  <tr class="Forward_box">
    <td colspan="2"><p class="fine_print"> <forwardtoafriend>Forward</forwardtoafriend> to a friend  </p></td>
  </tr>
  <tr class="left_box">
    <td width="383" rowspan="2" class="left_box"><img src="/images/DM_Eblast_Hair_left_image.jpg" width="373" height="481" /></td>
    <td width="621" height="322" bgcolor="#FFFFFF" class="copy_box"><!-- InstanceBeginEditable name="CopyRegion" -->
      <p><span class="heading">Beauty Doesn't Have to be Expensive</span><br />
        <span class="paragraph">$20 Haircuts. $40 Highlights. THIS THURSDAY ONLY!<br />
        With our newest associates,
        Sarah in Clayton or <br />
      Michelle in Chesterfield.</span></p>
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <p class="small_paragraph">By appointment only.  No walk-ins.*</p>
      <p class="fine_print">* Call us at your earliest convenience to book an appointment.<br />
        Appointment times are limited and are available on a first-call, first-serve basis.</p>
    <!-- InstanceEndEditable --></td>
  </tr>
  <tr class="left_box">
    <td height="206" bgcolor="#FFFFFF" class="copy_box"><p><img src="/images/DM_Eblast_Hair_footer copy.jpg" width="641" height="206" align="baseline" /></p>
    <p><span class="fine_print">
    <unsubscribe>Unsubscribe</unsubscribe>, but why would you want to?</span></p></td>
  </tr>
</table>
</body>
<!-- InstanceEnd --></html>

Mathew Mathew, 8 years ago

Hi Kyla,

Just a suggestion: you might need to be a bit more specific about the actual problem you are having, to see if anyone has had the same experience. Otherwise it is a lot of work for someone to help you!


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

Just tried firing this up in a browser and that does look like a bit of a disaster! I'd suggest killing all the float styles in the template - removing them made the template display reasonably to me.

Aside from that, yes, please be more specific in the future!


No-one expects the Spanish Inquisition!

200,000 companies around the world can't be wrong.

From Australia to Zimbabwe, and everywhere in between, companies count on 
Campaign Monitor for email campaigns that drive real business results.

Get started for free
1-888-533-8098