I've been working on my layout for the past couple of days, and it's…: component_help

I've been working on my layout for the past couple of days, and it's almost perfect except that my added components (music picks, book picks, dvd picks) appear below my entries rather than next to them. Can someone help me?

Here's my code:

layerinfo "type" = "theme";
layerinfo "name" = "Additional Customizations";

set lineheight = 18;

###  Putting Components on Both Sides.
  #  First we start with the "editting the page layout" code.

function page_layout(Page p) {
   var string title = $p->title();

  #  We have a few variables we need to stick in...
  #  These first ones are for the component corners, so they will match your journal without you having to manually set the code for them.

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);

  #  The next ones are for the actual components.  For some reason, we can't use the print_comp_header/print_comp_footer in the page layout, so I had to make up new variables that will print out the print_comp_header/print_comp_footer.

var string comp_header_open = "<tr><td valign='top' rowspan='3' colspan='3' width='5'><img src='$*SITEROOT/palimg/component/curve-top-left.gif$corner_color' width='5' height='5' border='0' /></td><td class='dkLine'><img src='$*SITEROOT/palimg/component/clear.gif' width='1' height='1' border='0' /></td><td valign='top' rowspan='3' colspan='3' width='5'><img src='$*SITEROOT/palimg/component/curve-top-right.gif$corner_color' width='5' height='5' border='0' /></td></tr><tr><td class='ltLine'><img src='$*SITEROOT/palimg/component/clear.gif' width='1' height='1' border='0' /></td></tr><tr><td class='tabBg'><img src='$*SITEROOT/palimg/component/clear.gif' width='1' height='3' border='0' /></td></tr><tr><td class='dkLine' width='1' rowspan='3'><img src='$*SITEROOT/palimg/component/clear.gif' width='1' height='1' border='0' /></td><td class='ltLine' width='1' rowspan='2'><img src='$*SITEROOT/palimg/component/clear.gif' width='1' height='1' border='0' /></td><td class='tabBg' width='3'><img src='$*SITEROOT/palimg/component/clear.gif' width='1' height='3' border='0' /></td><td class='tabBg' width='100%'><div class='sideHeader'>";

var string comp_header_close = "</div></td><td class='tabBg' width='3'><img src='$*SITEROOT/palimg/component/clear.gif' width='1' height='3' border='0' /></td><td class='ltLine' width='1' rowspan='2'><img src='$*SITEROOT/palimg/component/clear.gif' width='1' height='1' border='0' /></td><td class='dkLine' width='1' rowspan='3'><img src='$*SITEROOT/palimg/component/clear.gif' width='1' height='1' border='0' /></td></tr><tr><td class='medLine' colspan='4'><img src='$*SITEROOT/palimg/component/clear.gif' width='1' height='1' border='0' /></td></tr><tr><td class='dkLine' colspan='5'><img src='$*SITEROOT/palimg/component/clear.gif' width='1' height='1' border='0' /></td></tr><tr><td class='dkLine' width='1'><img src='$*SITEROOT/palimg/component/clear.gif' width='1' height='1' border='0' /></td><td class='compBg' width='1'><img src='$*SITEROOT/palimg/component/clear.gif' width='1' height='3' border='0' /></td><td class='compBg' width='1'><img src='$*SITEROOT/palimg/component/clear.gif' width='1' height='3' border='0' /></td><td class='compBg'><div class='compFont'>";

var string comp_footer = "</div></td><td class='compBg' width='1'><img src='$*SITEROOT/palimg/component/clear.gif' width='1' height='3' border='0' /></td><td class='compBg' width='1'><img src='$*SITEROOT/palimg/component/clear.gif' width='1' height='3' border='0' /></td><td class='dkLine' width='1'><img src='$*SITEROOT/palimg/component/clear.gif' width='1' height='1' border='0' /></td></tr><tr><td class='dkLine' colspan='8'><img src='$*SITEROOT/palimg/component/clear.gif' width='1' height='1' border='0' /></td></tr><tr><td><img src='$*SITEROOT/palimg/component/clear.gif' width='1' height='3' border='0' /></td></tr>";

  #  Now we move on to the actual page layout...
  #  I've got it set up to have an image at the top.  I didn't do it like the "graphics above entries" tutorial though, I just put the image there and centered it.  So if you want the image in tables and all that, check the "graphics above entries" tutorial.
  #  If you don't want an image, take out the blue line below that has the image tag in it.
  #  Right after the image tag, we will start the table for the layout.

"""
<html>
<head>
 <link rel="stylesheet" href="$p.stylesheet_url" type="text/css"/>
 $p.head_content
 <title>$title</title>
""";
$p->print_custom_head();
"""
</head>
<body>

<center><img src="http://img.photobucket.com/albums/v236/Metafreudian/LJBANNERGOOD.jpg" border="0"></center><br>

<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="0" alt="" border="0">
  </td>
"""; 

print_my_components($p);

print_my_entries($p, $title); 


print_comp_header("music picks");
"""
<div id="Layer1" style="position:relative; width:100%; height:175px; z-index:1; overflow: auto; overflow-x: hidden;">
<table width="100%" cellpadding="3" cellspacing="0">

<tr bgcolor="$*main_bgcolor">
<td align="left">
<img src="http://images.amazon.com/images/P/B00006LLN5.01.THUMBZZZ.jpg" border="0" style="border: 1px solid #000"/></td>
<td align="left"><b>Rilo Kiley</b><br><i>Execution of All Things</i><br> </td>
</tr>

<tr bgcolor="$*comp_bgcolor">
<td align="left">
<img src="http://images.amazon.com/images/P/B00008NGLA.01.THUMBZZZ.jpg" border="0" style="border: 1px solid #000"/></td>
<td align="left"><b>David Bowie</b><br><i>Aladdin Sane</i><br></td>
</tr>

<tr bgcolor="$*main_bgcolor">
<td align="left">
<img src="http://images.amazon.com/images/P/B000002SJO.01.THUMBZZZ.jpg" border="0" style="border: 1px solid #000"/></td>
<td align="left"><b>A Funny Thing Happened on the Way to the Forum</b><br><i>1996 Broadway Revival Cast</i><br></td>
</tr>

<tr bgcolor="$*comp_bgcolor">
<td align="left">
<img src="http://images.amazon.com/images/P/B000002OTL.01.THUMBZZZ.jpg" border="0" style="border: 1px solid #000"/></td>
<td align="left"><b>Pulp Fiction</b><br><i>Music from the Motion Picture</i><br></td>
</tr>

<tr bgcolor="$*comp_bgcolor">
<td align="left">
<img src="http://images.amazon.com/images/P/B00009LVXT.01.THUMBZZZ.jpg" border="0" style="border: 1px solid #000"/></td>
<td align="left"><b>The Shins</b><br><i>Chutes Too Narrow</i><br></td>
</tr>

<tr bgcolor="$*comp_bgcolor">
<td align="left">
<img src="http://images.amazon.com/images/P/B00004RG4Y.01.THUMBZZZ.jpg" border="0" style="border: 1px solid #000"/></td>
<td align="left"><b>Aimee Mann</b><br><i>Bachelor No. 2</i><br></td>
</tr>

</table>
</td>
</div>
""";
print_comp_footer();
#} #If this is your last component, decomment the } sign.

print_comp_header("dvd picks");
"""
<div id="Layer1" style="position:relative; width:100%; height:175px; z-index:1; overflow: auto; overflow-x: hidden;">
<table width="100%" cellpadding="1" cellspacing="0">

<tr bgcolor="$*main_bgcolor">
<td align="left">
<img src="http://images.amazon.com/images/P/B000777I88.01.THUMBZZZ.jpg" border="0" style="border: 1px solid #000"/></td>
<td align="left"><i>Rosencrantz & Guildenstern Are Dead</i><br> </td>
</tr>

<tr bgcolor="$*comp_bgcolor">
<td align="left">
<img src="http://images.amazon.com/images/P/B0007A2GSW.01.THUMBZZZ.jpg" border="0" style="border: 1px solid #000"/></td>
<td align="left"><i>The Incredibles</i><br></td>
</tr>

<tr bgcolor="$*main_bgcolor">
<td align="left">
<img src="http://images.amazon.com/images/P/B0002G2B2M.01.THUMBZZZ.jpg" border="0" style="border: 1px solid #000"/></td>
<td align="left"><i>Eternal Sunshine of the Spotless Mind</i><br></td>
</tr>

<tr bgcolor="$*comp_bgcolor">
<td align="left">
<img src="http://images.amazon.com/images/P/6305537321.01.THUMBZZZ.jpg" border="0" style="border: 1px solid #000"/></td>
<td align="left"><i>Breakfast at Tiffany's</i><br></td>
</tr>

<tr bgcolor="$*comp_bgcolor">
<td align="left">
<img src="http://images.amazon.com/images/P/B00005JM5E.01.THUMBZZZ.jpg" border="0" style="border: 1px solid #000"/></td>
<td align="left"><i>Pirates of the Caribbean</i><br></td>
</tr>

<tr bgcolor="$*comp_bgcolor">
<td align="left">
<img src="http://images.amazon.com/images/P/B0000640VO.01.THUMBZZZ.jpg" border="0" style="border: 1px solid #000"/></td>
<td align="left"><i>Amelie</i><br></td>
</tr>

</table>

</div>
""";
print_comp_footer();
#} #If this is your last component, decomment the } sign.

print_comp_header("book picks");
"""
<div id="Layer1" style="position:relative; width:100%; height:175px; z-index:1; overflow: auto; overflow-x: hidden;">
<table width="100%" cellpadding="1" cellspacing="0">

<tr bgcolor="$*main_bgcolor">
<td align="left">
<img src="http://a1055.g.akamai.net/f/1055/1401/5h/images.barnesandnoble.com/images/8430000/8432478.gif" border="0" style="border: 1px solid #000"/></td>
<td align="left"><b>Jane Austen</b><br><i>Pride & Prejudice</i><br> </td>
</tr>

<tr bgcolor="$*comp_bgcolor">
<td align="left">
<img src="http://a1055.g.akamai.net/f/1055/1401/5h/images.barnesandnoble.com/images/2720000/2721524.gif" border="0" style="border: 1px solid #000"/></td>
<td align="left"><b>Salman Rushdie</b><br><i>East, West: Stories</i><br></td>
</tr>

<tr bgcolor="$*main_bgcolor">
<td align="left">
<img src="http://a1055.g.akamai.net/f/1055/1401/5h/images.barnesandnoble.com/images/2460000/2467998.gif" border="0" style="border: 1px solid #000"/></td>
<td align="left"><b>Christopher Durang</b><br><i>27 Short Plays</i><br></td>
</tr>

<tr bgcolor="$*comp_bgcolor">
<td align="left">
<img src="http://a1055.g.akamai.net/f/1055/1401/5h/images.barnesandnoble.com/images/2140000/2149544.gif" border="0" style="border: 1px solid #000"/></td>
<td align="left"><b>Lillian Hellman</b><br><i>Pentimento</i><br></td>
</tr>

</table>

</div>
""";
print_comp_footer(); }
Many thanks!
Hiding Share (tell_friend) Icon from Linkbar and Separating Entry Icon from Entry Text

What Did LJ's Userhead Code Change To?

Ok, I'm no CSS expert...

Error

Hiding Share (tell_friend) Icon from Linkbar and Separating Entry Icon from Entry Text

What Did LJ's Userhead Code Change To?

Ok, I'm no CSS expert...
