title: How can i display two images in singlr table row?
body: <p>I am using jQuery DataTables to display data and I am assigning class to Table row using <code>DT_RowClass</code> attribute of DataTables. Depending on some conditions, I assign classes to every row and got struck where I have two classes for row and both of them need to display an image in that row.</p>
  
  <p><strong>Code</strong></p>
  
  <p>I have row like: <code>&lt;tr class="firstImage secondImage"&gt;&lt;/tr&gt;</code></p>
  
  <p>both <code>firstImage</code> and <code>secondImage</code> has css like <code>.firstImage  { background: url("img/firstImage.jpg") no-repeat 0px top; }</code> and same for <code>secondImage</code> with different Image and 125px as position. </p>
  
  <p>I only get one Image at a time, Is there any way in <code>CSS</code> where I can get both Images to display in a row at same time. I think as both <code>css</code> classes has common <code>background</code> attribute, one overwrites another, but I cant seem to find a solution.</p>
  
  <p>Any help will be appreciated. </p>