I thought I new CSS

[jberry]

I am trying to a line two images. Sounds simple right? Here is the problem. They use tables in the css and assign css to the coloums here is the code.

Code: Select all

<table cellspacing=0 cellpadding=0 border=0 class="headerMenu">
   <tr>
               
      
                 <td id="logo" colspan="2"><a 
<a href="{site_url}index.php"><img style="background: url('{logo_src}') no-repeat;" class="png" src="images/tr.gif" {logo_size} alt="{logo_alt}" title="{logo_alt}"></a></td>
   </tr>

and here is the css for it.

Code: Select all

.headerMenu {
   position: relative;
   width: 100%;
   margin: 0px 0px 1px 0px;
   padding: 0px 0px 0px 0px;
   border-top: 3px solid #fff;
   border-right: 3px solid #fff;
   border-left: 3px solid #fff;
   background: #6466DB url(../images/convex/blue/header-bgr.gif) repeat-x top;
   }

.headerMenu td#logo  {               /* Background under logo on the site */
   /*background: url(../images/convex/blue/header-img.jpg) no-repeat right top;*/
    display: inline;
   }
.headerMenu td#logo img {            /* Logo on the site */
   border: 0px;
   margin: 10 0 10 415;
   }

This is the header of the page site url is a picture and it displays center. But i want another logo to the left of it. How do I do this. If anyone knows I would be great full if you could help.