Hi,

I am working on www.dragons.digi-blue.co.uk, using version 1.3.9h. Please see my header, I have the search box, and then next to it a shopping cart image, the items in the cart and then a checkout button. This is my first attempt at a custom design!

I have this code:

<div class="checkout">
<li><img src="includes/templates/custom/images/cart.jpg" class="cart-image" alt=" " /><a href="<?php echo zen_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>"><?php echo HEADER_TITLE_CART_CONTENTS; ?> <? echo $_SESSION['cart']->count_contents();?> item(s)</a> </li>
<li><a href="<?php echo zen_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>"><?php echo HEADER_TITLE_CHECKOUT; ?></a></li>
<?php if ($_SESSION['cart']->count_contents() != 0) { ?>
<?php }?>
</div>
I have these problems:

1. I have a . before the cart image, how can I remove this?
2. The cart items and checkout button need to displayed next to each other, how can I do this?