How to add image to shopping cart?

[sarafina]

I found the shopping cart in the includes/header.php. The code is below:

 

 <table cellpadding="0" cellspacing="0" border="0" align="right">
                   <tr>
                       <td><b><?php echo BOX_HEADING_SHOPPING_CART;?></b>  <?php echo BOX_SHOPPING_NOW3;?> <a href="<?php echo tep_href_link('shopping_cart.php')?>"><?php echo $cart->count_contents()?> <?php echo BOX_SHOPPING_CART_EMPTY?></a></td>
                   </tr>
               </table>

 

I want to add a background image for the shopping cart. I don't want to break my site and I'm not sure how. Can somebody please advise what code I would need to put if I have the image in mydomain.com/images directory.

[sarafina]

Anybody?

[jhande]

Add a class to the HTML code for either the table or cell.

 

Add the class to your stylesheet and define the background image.

[sarafina]

Hi, I did this and it worked in firefox but in internet explorer instead of being a background, it displaced my cell. Here is what I put in the css..

 

.cartbg     {width:100px; height:56px;background:url(images/cartbg.gif) 100px 0px no-repeat;}

 

Here is the actual html portion...

 

<tr><td class="z1">
               <table cellpadding="0" cellspacing="0" border="0" align="right">
                   <tr>
                       <td class="cartbg"><b><a href="<?php echo tep_href_link('shopping_cart.php')?>"><?php echo BOX_HEADING_SHOPPING_CART?></a></b>  <br><?php echo BOX_SHOPPING_NOW;?> <a href="<?php echo tep_href_link('shopping_cart.php')?>"><?php echo $cart->count_contents()?> <?php echo BOX_SHOPPING_CART_EMPTY?></a><?php echo BOX_SHOPPING_NOW2;?></td>
                   </tr>
               </table>
                                   </td></tr>

 

Can somebody please help me by taking a look and seeing what I'm doing wrong? Thanks in advance.