Shopping cart summary

[Greenmind]

Hi. Looking for some pointers here:

I'm in the process of trying to give my site a makeover. It functions well enough but looks.. well 'rough'. I'm trying to learn to do these things myself. Although I've had some success I'm stuck on an issue I'm having with my shopping cart summary. It's black, small and ugly. I'm trying to replace it with something like this that I made:

http://i221.photobucket.com/albums/d...ur_basket2.png

..and thought I could do it like this:

#your_basket_container	{
		background-image:url('your_basket2.png');
		background-repeat:no-repeat;
		/*background-position:right top;
margin-left:0px;*/
}

<div id="your_basket_container">
<table width="200" cellspacing="0" cellpadding="5" border="0" align="center">
   <tr>
   
        <td align="left" valign="middle" bgcolor="<actinic:variable name="BGColor" />">
       
         <span class="actsmall" style="color:<actinic:variable name="TextColor" />">
         <actinic:variable name="CookieCartItemsLabel" />
         <script language="javascript" type="text/javascript">
	         <!--
      	   document.write(getCartItem(3));
	         // -->
         </script>
         <br />
         <actinic:variable name="CookieCartValueLabel" />
         <script language="javascript" type="text/javascript">
	         <!--
	         document.write(getCartItem(1));
	         // -->
         </script>
         </span>
      </td>
           <!-- <td align="right" valign="middle"><actinic:variable name="NavigationIcon" value="View Cart Image Special" /></td> -->
         </tr>
</table>
</div>

But it's obviously rubbish because it's not showing. Any help?

[NormanRouxel]

As always, an URL is needed.

[Greenmind]

Thanks Norman but I have got it to show so I don't think that's the issue. It only shows however when I put the div inside the table data, and then the container is in the basket summary, rather than the other way round as it should be. I think i'm in above my head, for the time being at least - very keen to learn.

[Greenmind]

Does anyone know why my site seems to totally ignore the following code (it seems important) and go off using tables.

<div class='box'>
 <div class='boxtop'><div></div></div>
  <div class='boxcontent'>
    <!-- Content goes here -->
  </div>
 <div class='boxbottom'><div></div></div>
</div>

Should I not ditch the tables and rebuild with CSS? Would that be a good thing to do?