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, 7 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, 7 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!

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