What am I doing wrong?: component_help

Can someone please tell me what I'm doing wrong? I have the same components on each side. Everytime I try to fix it I make it much worse.
hawaiian_mele check out my journal to see what I'm talking about.
layerinfo "type" = "theme";
layerinfo "name" = "theme one - hawaiian_mele";

set text_post_comment = "sing me a song";
set text_read_comments = "1 song // # ";
set text_post_comment_friends = "comment";
set text_read_comments_friends = "1 // # ";
set text_meta_music = "the noise...";
set text_meta_mood = "I feel...";

function print_free_text(Page p) {

  print_comp_header("Component Header");
  """
    <tr><td colspan=7>
     <table cellspacing="0" cellpadding="0" border="0" width="100%">
      <tr>
	<td valign="top" rowspan="3" colspan="3" width="5"><img src="http://www.livejournal.com/palimg/component/curve-top-left.gif/p0ffffff1b3b3b32e5e5e5" width="5" height="5" alt="" border="0" /></td>
	<td class="dkLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
	<td valign="top" rowspan="3" colspan="3" width="5"><img src="http://www.livejournal.com/palimg/component/curve-top-right.gif/p0ffffff1b3b3b32e5e5e5" width="5" height="5" alt="" border="0" /></td>
      </tr><tr>
	<td class="ltLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
      </tr><tr>
	<td class="tabBg"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
      </tr><tr>
	<td class="dkLine" width="1"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
	<td class="ltLine" width="1"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
	<td class="tabBg" width="3"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
	<td class="tabBg" width="100%" align="center">
        <table>
         <tr>
          <td align="center">
           <form id='Search' action='http://www.livejournal.com/multisearch.bml' method='post'>
            <b>Search <font color="#3333FF">LiveJournal</font></b><br>
              <input id='SearchTerm' type='text' name='q' size='15' value='' /><br>
              <select id='SearchType' name='type'>
               <option value='user'  selected='selected'>Username</option>
               <option value='email' >Email</option>
               <option value='region' >Region</option>
               <option value='int' >Interest</option>
               <option value='aolim' >AOL IM</option>
               <option value='icq' >ICQ Number</option>
               <option value='yahoo' >Yahoo! ID</option>
               <option value='msn' >MSN Username</option>
               <option value='jabber' >Jabber</option>
              </select><br>
              <input type='submit' value='Search' />
             </form>
           </td>
          </tr>
         </table>
	<td class="tabBg" width="3"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
       <td class="ltLine" width="1"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
       <td class="dkLine" width="1"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
      </tr><tr>
	<td valign="top" rowspan="3" colspan="3" width="5"><img src="http://www.livejournal.com/palimg/component/curve-bottom-left.gif/p0ffffff1b3b3b32e5e5e5" width="5" height="5" alt="" border="0" /></td>
	<td class="tabBg"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
	<td valign="top" rowspan="3" colspan="3" width="5"><img src="http://www.livejournal.com/palimg/component/curve-bottom-right.gif/p0ffffff1b3b3b32e5e5e5" width="5" height="5" alt="" border="0" /></td>
      </tr><tr>
	<td class="ltLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
      </tr><tr>
  	<td class="dkLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
       </tr>
      </table>
     </td></tr>
    <tr><td colspan=5><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td></tr>
""";
  print_comp_footer();
}

function page_layout(Page p) {

  # Calculate the corner_color for the new rounded navigation bar
  var Color header = $*header_bgcolor;
  var Color headerMinus5  = $header->darker(50);
  var Color headerPlus3   = $header->lighter(30);
  var string corner_color = "/p0"+$headerPlus3->substr(1,6)+"1"+$headerMinus5->substr(1,6)+"2"+$header->substr(1,6);

  # Set this to the width that you want both the navbar (if it exists) and the whole journal to be
  # may be percentage (70%) or number of pixels (700).
  var string k1Swidth = "<center>50%</center>";

  # Start the html document and print the head section which controls the page title, stylesheet information,
  # server supplied head content, and custom header informtion from the print_custom_head function.
  var string title = $p->title();
  """
  <!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" lang="en" xml:lang="en">
  <head>
    <link rel="stylesheet" href="$p.stylesheet_url" type="text/css" />
    $p.head_content
    """; $p->print_custom_head(); """
    <title>$title</title>
  </head>
  """;
  
  # Start the body section of the html document which controls the visible parts of the page.
  """<body>""";

   """<div align="center"><img src="http://img.photobucket.com/albums/v721/hawaiian_mele/songfae.jpg" alt="caption here" title="caption here too" /></div>""";

  # Print the navigation bar if it is needed. This can be incorporated into any other tutorials which override
  # the page_layout() function, and should be placed immediately after the <body> tag above.
  # if you want the navbar text to be aligned something other than left, change it here
  if (not $*comp_navbar or $*comp_state=="none") {
    """  
     <div>
       <img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0">
     </div>

     <table width="100%" cellspacing="0" cellpadding="0" valign="top">
       <tr valign="top" width="100%">
         <td width="3">
           <img src="http://www.livejournal.com/palimg/component/clear.gif" width="3" height="1" alt="" border="0">
         </td>
         <td>
            <table cellspacing="0" cellpadding="0" border="0" width="100%">
                <tr>
	            <td valign="top" rowspan="3" colspan="3" width="5"><img src="http://www.livejournal.com/palimg/component/curve-top-left.gif$corner_color" width="5" height="5" alt="" border="0" /></td>
                    <td class="dkLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
                    <td valign="top" rowspan="3" colspan="3" width="5"><img src="http://www.livejournal.com/palimg/component/curve-top-right.gif$corner_color" width="5" height="5" alt="" border="0" /></td>
                </tr><tr>
                    <td class="ltLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
                </tr><tr>
                    <td class="tabBg"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
                </tr><tr>
                    <td class="dkLine" width="1"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
                    <td class="ltLine" width="1"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
                    <td class="tabBg" width="3"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
                    <td class="tabBg" width="100%">
                      <div class="header">
                      """;
                      print "<span class=\"header-item\"><a href=\""+$p.view_url{"recent"}+"\">$*nav_entries_text</a></span>";
                      print "<span class=\"header-item\"><a href=\""+$p.view_url{"friends"}+"\">$*nav_friends_text</a></span>";
                      print "<span class=\"header-item\"><a href=\""+$p.view_url{"archive"}+"\">$*nav_calendar_text</a></span>";
                      print "<span class=\"header-item\"><a href=\""+$p.view_url{"userinfo"}+"\">$*nav_info_text</a></span>";
                      if($p.journal.website_url != "") {
                        print "<span class=\"header-item\"><a href=\"$p.journal.website_url\">$p.journal.website_name</a></span>";
                      }
                      $p->lay_viewspec_nav();  # prints previous / next links including arrow images
                      """
                      </div>
                    </td> 
                    <td class="tabBg" width="3"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
                    <td class="ltLine" width="1"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
                    <td class="dkLine" width="1"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
                </tr><tr>
                    <td valign="top" rowspan="3" colspan="3" width="5"><img src="http://www.livejournal.com/palimg/component/curve-bottom-left.gif$corner_color" width="5" height="5" alt="" border="0" /></td>
                    <td class="tabBg"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></td>
                    <td valign="top" rowspan="3" colspan="3" width="5"><img src="http://www.livejournal.com/palimg/component/curve-bottom-right.gif$corner_color" width="5" height="5" alt="" border="0" /></td>
                </tr><tr>
                    <td class="ltLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
                </tr><tr>
                    <td class="dkLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></td>
                </tr>
            </table>
         </td>
         <td width="3">
           <img src="http://www.livejournal.com/palimg/component/clear.gif" width="3" height="1" alt="" border="0">
         </td>
        </tr>
      </table>
    """;
  }

  # Print a spacer at the top of the page above the components and main area.
  """<div><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="3" alt="" border="0" /></div>""";

  # Start the table which lays out the components and main area in side-by-side layout
  # and apply the width of the page
  """
<table width="100%" cellspacing="0" cellpadding="0" valign="top">
<tr valign="top" width="100%">
  <td width="3" valign="top">
   <img src="$*SITEROOT/palimg/component/clear.gif" width="3" height="1" alt="" border="0">
  </td>
""";

  #  This is where your left component column will be.  You have two options here.  If you use print_my_components($p); it will print out whatever components you have set up to show (i.e. profile, calendar, links, free_text.
  #  If you'd rather have those on the right side and put custom components on the left, you have to manually put in the code here.  (This is where those variables at the top come in to play.)
  #  I'm going to have it set how my personal journal is...  print_my_components on the left, and custom components on the right.  If you want to switch it around, comment (#) the blue lines and decomment the pink lines.

     print_my_components($p);

  # """
  # <td border="0" cellpadding="0" cellspacing="0">
  #  <table  width="175px" border="0" cellpadding="0" cellspacing="0">

  #  You can repeat the following 5 lines as many times as you want to add more components.

  #  $comp_header_open
  #  COMPONENT HEADER TEXT GOES HERE
  #  $comp_header_close
  #  TEXT INSIDE COMPONENT GOES HERE
  #  $comp_footer

  #  </td>
  #  </tr>
  #  </table>
  #  </td>
  #  """;

"""
  <td width="3">
   <img src="$*SITEROOT/palimg/component/clear.gif" width="3" height="1" alt="" border="0">
  </td>
""";
   print_my_entries($p, $title);
"""

  <td width="3">
   <img src="$*SITEROOT/palimg/component/clear.gif" width="3" height="1" alt="" border="0">
  </td>
""";

  #  Here's your right components column.
  #  Like in the left components, I've got this set up like mine.  So on this side it's set to use the custom components.
  #  If you'd rather use the standard components, comment (#) the blue text and decomment the pink text.

    print_my_components($p);

  #  """
  #  <td border="0" cellpadding="0" cellspacing="0">
  #  <table  width="175px" border="0" cellpadding="0" cellspacing="0">

  #  $comp_header_open
  #  COMPONENT HEADER TEXT GOES HERE
  #  $comp_header_close
  #  TEXT INSIDE COMPONENT GOES HERE
  #  $comp_footer

  #  </td>
  #  </tr>
  #  </table>
  #  </td>
  #  """;

"""
 <td width="3">
   <img src="$*SITEROOT/palimg/component/clear.gif" width="3" height="1" alt="" border="0">
  </td>

 </tr>
</table>
</center>
</body>
</html>
""";
}  #  End function page_layout

function print_profile(Page p) {

print_comp_header("<center>*.·:*¨¨* :·.About Kendra.·:*¨¨* :·.*</center>");
"""
<table cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="50%" align="center">
<div class="shortLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></div>
<div class="shortLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></div>
</td>
<td align="center"><a href="http://www.livejournal.com/allpics.bml?user=hawaiian_mele">$p.journal.default_pic </a></td>
<td width="50%" align="center">
<div class="shortLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></div>
<div class="shortLine"><img src="http://www.livejournal.com/palimg/component/clear.gif" width="1" height="1" alt="" border="0" /></div>
</td>
</tr>
<tr>
<td colspan="3" class="compContent">
<center><div><b>User:</b></div>
<div><span class='ljuser' style='white-space:nowrap;'><a href='http://www.livejournal.com/userinfo.bml?user=hawaiian_mele'><img src='http://stat.livejournal.com/img/userinfo.gif' alt='userinfo' width='17' height='17' style='vertical-align:bottom;border:0;' /></a><a href='http://www.livejournal.com/users/hawaiian_mele/'><b>hawaiian_mele</b></a></span></div>
<div><b>Name:</b></div> 
<div>Kendra</div>
<div><b>Website:</b></div> 
<div><a href="http://aimtoday.aol.com/redir.adp?at_spot=at_nw1.home.main.mid&url=http://www.buddy4u.com/view/?u=hawaiian_mele">My Profile</a></div>
<div><b>Email:</b></div> 
<div>celestial.faerie@gmail.com</div></center>

<center><hr color="#9999ff" size="1" width="70%"> 
<center><a href="http://www.livejournal.com/friends/add.bml?user=hawaiian_mele"><img src="http://img.photobucket.com/albums/v721/hawaiian_mele/Buttons/add.gif" alt="Add me" style="border: 0;" /></a> <a href="http://www.livejournal.com/tools/memories.bml?user=hawaiian_mele"><img src="http://img.photobucket.com/albums/v721/hawaiian_mele/Buttons/memories.gif" alt="My Memories" style="border: 0;" /></a> <a href="aim:goim?screenname=blkateyez9&message=Hi+Kendra!+My+name+is">
<img src="http://img.photobucket.com/albums/v721/hawaiian_mele/Buttons/aimme.gif" alt="Talk with me" style="border: 0;" /></a> <a href="mailto:celestial.faerie@gmail.com"><img src="http://img.photobucket.com/albums/v721/hawaiian_mele/Buttons/gmailicon.jpg" alt="Email me" style="border: 0;" /></a> </center>

</td>
</tr> 
</table>
""";
print_comp_footer();
}

function Page::print_custom_head() {
"""
<style type="text/css">

body {
background-image: url() ;

background-repeat: no-repeat ;

background-attachment: scroll ;

background-position: top ;

margin-top: 0px ; # replace HHH with your image height in pixels

font-size: 7px ;

}

.header {text-align: center;}

html { 
scrollbar-base-color: #ffffff;

scrollbar-track-color: #ffffff;

scrollbar-face-color: #ffffff;

scrollbar-highlight-color: #ffffff;

scrollbar-3dlight-color: #ffffff;

scrollbar-darkshadow-color: #ffffff;

scrollbar-shadow-color: #9999ff;

scrollbar-arrow-color: #9999ff;

}

img { border-width: 0px; }

</style>

""";

}


function CommentInfo::print() {
    if (not $.enabled) { return; }
    if ($.count > 0 or $.screened) {
        $this->print_readlink();
        """ <img src="http://img.photobucket.com/albums/v721/hawaiian_mele/Graphics/blinkpink-crazyjaclyn143.gif" /> """;
    }
    $this->print_postlink();
}
What am I doing wrong?

Chemo-Sabe: Help Save Mike!

A reach out for help

Custumizing the new spam button in the comment link bar

Error
